ColorTool
Giriş yap
#557A6F

#557a6f ≈ Viridian

  • camgöbeği yeşili
  • Açıklık: orta
  • Doygunluk: düşük
  • Dengeli
Kontrastı denetle Grafikte keşfet Rastgele renk

#557a6f, “camgöbeği yeşili” ailesinden bir renktir; açıklığı orta, doygunluğu düşük. RGB modelinde %33,33 kırmızı, %47,84 yeşil ve %43,53 maviden oluşur; CMYK baskıda %30,33 camgöbeği, %0 macenta, %9,02 sarı ve %52,16 siyah kullanır. Ton açısı 162,16°, HSL’de doygunluğu %17,87 ve açıklığı %40,59’dir. Sıcak ile soğuk arasında yer alır ve çoğunlukla berraklık, sakinlik ve yenilenme ile ilişkilendirilir. Tasarımcılar onu genellikle sağlık ve esenlik, teknoloji ürünleri ve marka vurguları için kullanır. Bu renk üzerinde beyaz metin 4,77:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Viridian (#40826d), ΔE 6,55.

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

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

Tamamlayıcı

  1. #557a6f
  2. #7a5560

Bölünmüş tamamlayıcı

  1. #557a6f
  2. #7a5573
  3. #7a5d55

Komşu

  1. #557a5d
  2. #557a6f
  3. #55737a

Üçlü

  1. #557a6f
  2. #6f557a
  3. #7a6f55

Dörtlü

  1. #557a6f
  2. #55607a
  3. #7a5560
  4. #7a6f55

Kare

  1. #557a6f
  2. #5d557a
  3. #7a5560
  4. #737a55

Tek renkli

  1. #16201d
  2. #364d46
  3. #557a6f
  4. #7aa296
  5. #a7c1b9

Koyu tonlar

#557a6f kademeli olarak siyahla karıştırıldı.

  1. #557a6f
  2. #4d6e64
  3. #446259
  4. #3c554e
  5. #334943
  6. #2b3d38
  7. #22312c
  8. #1a2521
  9. #111816
  10. #090c0b
  11. #000000

Açık tonlar

#557a6f kademeli olarak beyazla karıştırıldı.

  1. #557a6f
  2. #66877d
  3. #77958c
  4. #88a29a
  5. #99afa9
  6. #aabdb7
  7. #bbcac5
  8. #ccd7d4
  9. #dde4e2
  10. #eef2f1
  11. #ffffff

Tonlar

#557a6f kademeli olarak griyle karıştırıldı.

  1. #557a6f
  2. #597b71
  3. #5e7b72
  4. #627c74
  5. #667c76
  6. #6b7d78
  7. #6f7e79
  8. #737e7b
  9. #777f7d
  10. #7c7f7e
  11. #808080

Okunaklı metin 4.77:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Okunaklı metin 4.4:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Akromatopsi #737373 Erkeklerin ≈ 0.003% kadarı
Akromatomali #687671 Erkeklerin ≈ 0.001% kadarı
Protanopi #77756f Erkeklerin ≈ 1.01% kadarı
Döteranopi #717170 Erkeklerin ≈ 1.27% kadarı
Tritanopi #4b7b77 Erkeklerin ≈ 0.0001% kadarı
Protanomali #6b776f Erkeklerin ≈ 1.08% kadarı
Döteranomali #67746f Erkeklerin ≈ 4.63% kadarı
Tritanomali #4f7b74 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-557a6f {
  color: #557a6f;
}
Arka plan
.bg-557a6f {
  background-color: #557a6f;
  color: #ffffff;
}
Kenarlık
.border-557a6f {
  border: 2px solid #557a6f;
}
CSS değişkenleri
:root {
  --color-primary: #557a6f;
  --color-primary-rgb: 85 122 111;
  --color-primary-hsl: 162 18% 41%;
}
Geçiş
.gradient-557a6f {
  background: linear-gradient(135deg, #557a6f, #55737a);
}
Renkli gölge
.shadow-557a6f {
  box-shadow: 0 8px 24px rgb(85 122 111 / 0.35);
}

#40826d Viridian ΔE 6.55 #317873 Myrtle Green ΔE 6.56 #738678 Xanadu ΔE 8.04 #01796f Pine Green ΔE 9.10 #008080 Teal ΔE 9.82 #00755e Tropical Rain Forest ΔE 10.39 #008b8b Dark Cyan ΔE 11.21 #aa8590 Ters renk #737373 Gri tonlama 

Viridian
#557a6f  rgb(85, 122, 111)  hsl(162, 18%, 41%)  Viridian
#7a5560  rgb(122, 85, 96)  hsl(342, 18%, 41%)  Mauve Taupe
#6f557a  rgb(111, 85, 122)  hsl(282, 18%, 41%)  Old Lavender
#7a6f55  rgb(122, 111, 85)  hsl(42, 18%, 41%)  Raw Umber