ColorTool
Giriş yap
#87CBBD

#87cbbd ≈ Medium Turquoise

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

#87cbbd, “camgöbeği yeşili” ailesinden bir renktir; açıklığı yüksek, doygunluğu orta. RGB modelinde %52,94 kırmızı, %79,61 yeşil ve %74,12 maviden oluşur; CMYK baskıda %33,5 camgöbeği, %0 macenta, %6,9 sarı ve %20,39 siyah kullanır. Ton açısı 167,65°, HSL’de doygunluğu %39,53 ve açıklığı %66,27’dir. Soğuk bir renktir 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 siyah metin 11,31:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Medium Turquoise (#48d1cc), ΔE 7,47.

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

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

Tamamlayıcı

  1. #87cbbd
  2. #cb8795

Bölünmüş tamamlayıcı

  1. #87cbbd
  2. #cb87b7
  3. #cb9b87

Komşu

  1. #87cb9b
  2. #87cbbd
  3. #87b7cb

Üçlü

  1. #87cbbd
  2. #bd87cb
  3. #cbbd87

Dörtlü

  1. #87cbbd
  2. #8795cb
  3. #cb8795
  4. #cbbd87

Kare

  1. #87cbbd
  2. #9b87cb
  3. #cb8795
  4. #b7cb87

Tek renkli

  1. #388172
  2. #52b4a0
  3. #87cbbd
  4. #bce2da
  5. #f1f9f7

Koyu tonlar

#87cbbd kademeli olarak siyahla karıştırıldı.

  1. #87cbbd
  2. #7ab7aa
  3. #6ca297
  4. #5f8e84
  5. #517a71
  6. #44665f
  7. #36514c
  8. #293d39
  9. #1b2926
  10. #0e1413
  11. #000000

Açık tonlar

#87cbbd kademeli olarak beyazla karıştırıldı.

  1. #87cbbd
  2. #93d0c4
  3. #9fd5ca
  4. #abdbd1
  5. #b7e0d7
  6. #c3e5de
  7. #cfeae5
  8. #dbefeb
  9. #e7f5f2
  10. #f3faf8
  11. #ffffff

Tonlar

#87cbbd kademeli olarak griyle karıştırıldı.

  1. #87cbbd
  2. #86c4b7
  3. #86bcb1
  4. #85b5ab
  5. #84ada5
  6. #84a69f
  7. #839e98
  8. #829792
  9. #818f8c
  10. #818886
  11. #808080

Okunaklı metin 1.86:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 11.31:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #bebebe Erkeklerin ≈ 0.003% kadarı
Akromatomali #abc3be Erkeklerin ≈ 0.001% kadarı
Protanopi #c5c3bc Erkeklerin ≈ 1.01% kadarı
Döteranopi #b9babe Erkeklerin ≈ 1.27% kadarı
Tritanopi #72cdc7 Erkeklerin ≈ 0.0001% kadarı
Protanomali #b0c6bd Erkeklerin ≈ 1.08% kadarı
Döteranomali #a8c1be Erkeklerin ≈ 4.63% kadarı
Tritanomali #7bccc3 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-87cbbd {
  color: #87cbbd;
}
Arka plan
.bg-87cbbd {
  background-color: #87cbbd;
  color: #000000;
}
Kenarlık
.border-87cbbd {
  border: 2px solid #87cbbd;
}
CSS değişkenleri
:root {
  --color-primary: #87cbbd;
  --color-primary-rgb: 135 203 189;
  --color-primary-hsl: 168 40% 66%;
}
Geçiş
.gradient-87cbbd {
  background: linear-gradient(135deg, #87cbbd, #87b7cb);
}
Renkli gölge
.shadow-87cbbd {
  box-shadow: 0 8px 24px rgb(135 203 189 / 0.35);
}

#48d1cc Medium Turquoise ΔE 7.47 #66cdaa Medium Aquamarine ΔE 7.48 #9fe2bf Seafoam Green ΔE 8.62 #40e0d0 Turquoise ΔE 8.63 #a8c3bc Opal ΔE 9.22 #43b3ae Verdigris ΔE 9.54 #00cccc Robin Egg Blue ΔE 9.73 #783442 Ters renk #bebebe Gri tonlama 

Medium Turquoise
#87cbbd  rgb(135, 203, 189)  hsl(168, 40%, 66%)  Medium Turquoise
#cb8795  rgb(203, 135, 149)  hsl(348, 40%, 66%)  Puce
#bd87cb  rgb(189, 135, 203)  hsl(288, 40%, 66%)  Floral Lavender
#cbbd87  rgb(203, 189, 135)  hsl(48, 40%, 66%)  Ecru