ColorTool
Giriş yap
#89B2D1

#89b2d1 ≈ Iceberg

  • gök mavisi
  • Açıklık: yüksek
  • Doygunluk: orta
  • Soğuk
Kontrastı denetle Grafikte keşfet Rastgele renk

#89b2d1, “gök mavisi” ailesinden bir renktir; açıklığı yüksek, doygunluğu orta. RGB modelinde %53,73 kırmızı, %69,8 yeşil ve %81,96 maviden oluşur; CMYK baskıda %34,45 camgöbeği, %14,83 macenta, %0 sarı ve %18,04 siyah kullanır. Ton açısı 205,83°, HSL’de doygunluğu %43,9 ve açıklığı %67,84’dir. Soğuk bir renktir ve çoğunlukla açıklık, özgürlük ve huzur ile ilişkilendirilir. Tasarımcılar onu genellikle teknoloji ürünleri, finans ve bankacılık ve marka vurguları için kullanır. Bu renk üzerinde siyah metin 9,35:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Iceberg (#71a6d2), ΔE 4,91.

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

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

Tamamlayıcı

  1. #89b2d1
  2. #d1a889

Bölünmüş tamamlayıcı

  1. #89b2d1
  2. #d1898e
  3. #d1cc89

Komşu

  1. #89d1cc
  2. #89b2d1
  3. #898ed1

Üçlü

  1. #89b2d1
  2. #d189b2
  3. #b2d189

Dörtlü

  1. #89b2d1
  2. #a889d1
  3. #d1a889
  4. #b2d189

Kare

  1. #89b2d1
  2. #cc89d1
  3. #d1a889
  4. #8ed189

Tek renkli

  1. #36668b
  2. #528ebc
  3. #89b2d1
  4. #c0d6e6
  5. #f0f5f9

Koyu tonlar

#89b2d1 kademeli olarak siyahla karıştırıldı.

  1. #89b2d1
  2. #7ba0bc
  3. #6e8ea7
  4. #607d92
  5. #526b7d
  6. #455969
  7. #374754
  8. #29353f
  9. #1b242a
  10. #0e1215
  11. #000000

Açık tonlar

#89b2d1 kademeli olarak beyazla karıştırıldı.

  1. #89b2d1
  2. #95bad6
  3. #a1c1da
  4. #acc9df
  5. #b8d1e3
  6. #c4d9e8
  7. #d0e0ed
  8. #dce8f1
  9. #e7f0f6
  10. #f3f7fa
  11. #ffffff

Tonlar

#89b2d1 kademeli olarak griyle karıştırıldı.

  1. #89b2d1
  2. #88adc9
  3. #87a8c1
  4. #86a3b9
  5. #859eb1
  6. #8599a9
  7. #8494a0
  8. #838f98
  9. #828a90
  10. #818588
  11. #808080

Okunaklı metin 2.25:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 9.35:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #adadad Erkeklerin ≈ 0.003% kadarı
Akromatomali #a0afbc Erkeklerin ≈ 0.001% kadarı
Protanopi #a5b1d3 Erkeklerin ≈ 1.01% kadarı
Döteranopi #9baad0 Erkeklerin ≈ 1.27% kadarı
Tritanopi #71babc Erkeklerin ≈ 0.0001% kadarı
Protanomali #9bb2d2 Erkeklerin ≈ 1.08% kadarı
Döteranomali #94add1 Erkeklerin ≈ 4.63% kadarı
Tritanomali #7bb7c5 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-89b2d1 {
  color: #89b2d1;
}
Arka plan
.bg-89b2d1 {
  background-color: #89b2d1;
  color: #000000;
}
Kenarlık
.border-89b2d1 {
  border: 2px solid #89b2d1;
}
CSS değişkenleri
:root {
  --color-primary: #89b2d1;
  --color-primary-rgb: 137 178 209;
  --color-primary-hsl: 206 44% 68%;
}
Geçiş
.gradient-89b2d1 {
  background: linear-gradient(135deg, #89b2d1, #898ed1);
}
Renkli gölge
.shadow-89b2d1 {
  box-shadow: 0 8px 24px rgb(137 178 209 / 0.35);
}

#71a6d2 Iceberg ΔE 4.91 #73a9c2 Moonstone Blue ΔE 5.46 #73c2fb Maya Blue ΔE 7.30 #b0c4de Light Steel Blue ΔE 8.02 #56a0d3 Carolina Blue ΔE 8.09 #87cefa Light Sky Blue ΔE 8.19 #89cff0 Baby Blue ΔE 8.52 #764d2e Ters renk #adadad Gri tonlama 

Iceberg
#89b2d1  rgb(137, 178, 209)  hsl(206, 44%, 68%)  Iceberg
#d1a889  rgb(209, 168, 137)  hsl(26, 44%, 68%)  Tumbleweed
#d189b2  rgb(209, 137, 178)  hsl(326, 44%, 68%)  Sky Magenta
#b2d189  rgb(178, 209, 137)  hsl(86, 44%, 68%)  Pistachio