ColorTool
Giriş yap
#558A67

#558a67 ≈ Sea Green

  • yeşil
  • Açıklık: orta
  • Doygunluk: düşük
  • Dengeli
Kontrastı denetle Grafikte keşfet Rastgele renk

#558a67, “yeşil” ailesinden bir renktir; açıklığı orta, doygunluğu düşük. RGB modelinde %33,33 kırmızı, %54,12 yeşil ve %40,39 maviden oluşur; CMYK baskıda %38,41 camgöbeği, %0 macenta, %25,36 sarı ve %45,88 siyah kullanır. Ton açısı 140,38°, HSL’de doygunluğu %23,77 ve açıklığı %43,73’dir. Sıcak ile soğuk arasında yer alır ve çoğunlukla doğa, sağlık ve denge ile ilişkilendirilir. Tasarımcılar onu genellikle çevre dostu markalar, sağlık ve esenlik ve marka vurguları için kullanır. Bu renk üzerinde siyah metin 5,22:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Sea Green (#2e8b57), ΔE 6,08.

Açıklama, bu rengin ölçülen özelliklerinden oluşturuldu.

HEX
RGB
Yüzde olarak RGB
CMY
CMYK
HSL
HSV / HSB
Web güvenli#669966
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
İkili
Ondalık
Göreli parlaklık0.2109

Tamamlayıcı

  1. #558a67
  2. #8a5578

Bölünmüş tamamlayıcı

  1. #558a67
  2. #82558a
  3. #8a555e

Komşu

  1. #5e8a55
  2. #558a67
  3. #558a82

Üçlü

  1. #558a67
  2. #67558a
  3. #8a6755

Dörtlü

  1. #558a67
  2. #55788a
  3. #8a5578
  4. #8a6755

Kare

  1. #558a67
  2. #555e8a
  3. #8a5578
  4. #8a8255

Tek renkli

  1. #1b2b20
  2. #385b44
  3. #558a67
  4. #7daf8e
  5. #acccb7

Koyu tonlar

#558a67 kademeli olarak siyahla karıştırıldı.

  1. #558a67
  2. #4d7c5d
  3. #446e52
  4. #3c6148
  5. #33533e
  6. #2b4534
  7. #223729
  8. #1a291f
  9. #111c15
  10. #090e0a
  11. #000000

Açık tonlar

#558a67 kademeli olarak beyazla karıştırıldı.

  1. #558a67
  2. #669676
  3. #77a185
  4. #88ad95
  5. #99b9a4
  6. #aac5b3
  7. #bbd0c2
  8. #ccdcd1
  9. #dde8e1
  10. #eef3f0
  11. #ffffff

Tonlar

#558a67 kademeli olarak griyle karıştırıldı.

  1. #558a67
  2. #59896a
  3. #5e886c
  4. #62876f
  5. #668671
  6. #6b8574
  7. #6f8476
  8. #738379
  9. #77827b
  10. #7c817e
  11. #808080

Okunaklı metin 4.02:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Okunaklı metin 5.22:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Akromatopsi #7f7f7f Erkeklerin ≈ 0.003% kadarı
Akromatomali #708376 Erkeklerin ≈ 0.001% kadarı
Protanopi #8a8265 Erkeklerin ≈ 1.01% kadarı
Döteranopi #817c69 Erkeklerin ≈ 1.27% kadarı
Tritanopi #4b8980 Erkeklerin ≈ 0.0001% kadarı
Protanomali #788566 Erkeklerin ≈ 1.08% kadarı
Döteranomali #728268 Erkeklerin ≈ 4.63% kadarı
Tritanomali #4f8977 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-558a67 {
  color: #558a67;
}
Arka plan
.bg-558a67 {
  background-color: #558a67;
  color: #000000;
}
Kenarlık
.border-558a67 {
  border: 2px solid #558a67;
}
CSS değişkenleri
:root {
  --color-primary: #558a67;
  --color-primary-rgb: 85 138 103;
  --color-primary-hsl: 140 24% 44%;
}
Geçiş
.gradient-558a67 {
  background: linear-gradient(135deg, #558a67, #558a82);
}
Renkli gölge
.shadow-558a67 {
  box-shadow: 0 8px 24px rgb(85 138 103 / 0.35);
}

#2e8b57 Sea Green ΔE 6.08 #40826d Viridian ΔE 6.29 #4f7942 Fern Green ΔE 9.15 #009e60 Shamrock Green ΔE 9.97 #738678 Xanadu ΔE 10.50 #00755e Tropical Rain Forest ΔE 11.77 #00a86b Jade ΔE 11.82 #aa7598 Ters renk #7f7f7f Gri tonlama 

Sea Green
#558a67  rgb(85, 138, 103)  hsl(140, 24%, 44%)  Sea Green
#8a5578  rgb(138, 85, 120)  hsl(320, 24%, 44%)  Twilight Lavender
#67558a  rgb(103, 85, 138)  hsl(260, 24%, 44%)  Royal Purple
#8a6755  rgb(138, 103, 85)  hsl(20, 24%, 44%)  Raw Umber