ColorTool
Giriş yap
#9AF8BB

#9af8bb ≈ Aquamarine

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

#9af8bb, “yeşil” ailesinden bir renktir; açıklığı yüksek, doygunluğu orta. RGB modelinde %60,39 kırmızı, %97,25 yeşil ve %73,33 maviden oluşur; CMYK baskıda %37,9 camgöbeği, %0 macenta, %24,6 sarı ve %2,75 siyah kullanır. Ton açısı 141,06°, HSL’de doygunluğu %87,04 ve açıklığı %78,82’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 yumuşak pastel paletler için kullanır. Bu renk üzerinde siyah metin 16,52:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Aquamarine (#7fffd4), ΔE 6,47.

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

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

Tamamlayıcı

  1. #9af8bb
  2. #f89ad7

Bölünmüş tamamlayıcı

  1. #9af8bb
  2. #ea9af8
  3. #f89aa8

Komşu

  1. #a8f89a
  2. #9af8bb
  3. #9af8ea

Üçlü

  1. #9af8bb
  2. #bb9af8
  3. #f8bb9a

Dörtlü

  1. #9af8bb
  2. #9ad7f8
  3. #f89ad7
  4. #f8bb9a

Kare

  1. #9af8bb
  2. #9aa8f8
  3. #f89ad7
  4. #f8ea9a

Tek renkli

  1. #10e95c
  2. #52f38b
  3. #9af8bb
  4. #e2fdeb
  5. #ecfef2

Koyu tonlar

#9af8bb kademeli olarak siyahla karıştırıldı.

  1. #9af8bb
  2. #8bdfa8
  3. #7bc696
  4. #6cae83
  5. #5c9570
  6. #4d7c5e
  7. #3e634b
  8. #2e4a38
  9. #1f3225
  10. #0f1913
  11. #000000

Açık tonlar

#9af8bb kademeli olarak beyazla karıştırıldı.

  1. #9af8bb
  2. #a4f9c2
  3. #aef9c9
  4. #b8facf
  5. #c2fbd6
  6. #cdfcdd
  7. #d7fce4
  8. #e1fdeb
  9. #ebfef1
  10. #f5fef8
  11. #ffffff

Tonlar

#9af8bb kademeli olarak griyle karıştırıldı.

  1. #9af8bb
  2. #97ecb5
  3. #95e0af
  4. #92d4a9
  5. #90c8a3
  6. #8dbc9e
  7. #8ab098
  8. #88a492
  9. #85988c
  10. #838c86
  11. #808080

Okunaklı metin 1.27:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 16.52:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #e4e4e4 Erkeklerin ≈ 0.003% kadarı
Akromatomali #cbecd5 Erkeklerin ≈ 0.001% kadarı
Protanopi #f8eab7 Erkeklerin ≈ 1.01% kadarı
Döteranopi #e9e0bf Erkeklerin ≈ 1.27% kadarı
Tritanopi #88f6e7 Erkeklerin ≈ 0.0001% kadarı
Protanomali #d9f0b9 Erkeklerin ≈ 1.08% kadarı
Döteranomali #ceeabd Erkeklerin ≈ 4.63% kadarı
Tritanomali #8ff7d7 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-9af8bb {
  color: #9af8bb;
}
Arka plan
.bg-9af8bb {
  background-color: #9af8bb;
  color: #000000;
}
Kenarlık
.border-9af8bb {
  border: 2px solid #9af8bb;
}
CSS değişkenleri
:root {
  --color-primary: #9af8bb;
  --color-primary-rgb: 154 248 187;
  --color-primary-hsl: 141 87% 79%;
}
Geçiş
.gradient-9af8bb {
  background: linear-gradient(135deg, #9af8bb, #9af8ea);
}
Renkli gölge
.shadow-9af8bb {
  box-shadow: 0 8px 24px rgb(154 248 187 / 0.35);
}

#7fffd4 Aquamarine ΔE 6.47 #a8e4a0 Granny Smith Apple ΔE 6.54 #ace1af Celadon ΔE 6.76 #98fb98 Pale Green ΔE 6.94 #90ee90 Light Green ΔE 6.95 #9fe2bf Seafoam Green ΔE 7.28 #aaf0d1 Magic Mint ΔE 7.35 #650744 Ters renk #e4e4e4 Gri tonlama 

Aquamarine
#9af8bb  rgb(154, 248, 187)  hsl(141, 87%, 79%)  Aquamarine
#f89ad7  rgb(248, 154, 215)  hsl(321, 87%, 79%)  Plum
#bb9af8  rgb(187, 154, 248)  hsl(261, 87%, 79%)  Floral Lavender
#f8bb9a  rgb(248, 187, 154)  hsl(21, 87%, 79%)  Apricot