ColorTool
Giriş yap
#5BF2BB

#5bf2bb ≈ Aquamarine

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

#5bf2bb, “camgöbeği yeşili” ailesinden bir renktir; açıklığı yüksek, doygunluğu güçlü. RGB modelinde %35,69 kırmızı, %94,9 yeşil ve %73,33 maviden oluşur; CMYK baskıda %62,4 camgöbeği, %0 macenta, %22,73 sarı ve %5,1 siyah kullanır. Ton açısı 158,15°, HSL’de doygunluğu %85,31 ve açıklığı %65,29’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 eylem çağrısı düğmeleri için kullanır. Bu renk üzerinde siyah metin 14,86:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Aquamarine (#7fffd4), ΔE 4,55.

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

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

Tamamlayıcı

  1. #5bf2bb
  2. #f25b92

Bölünmüş tamamlayıcı

  1. #5bf2bb
  2. #f25bdd
  3. #f26f5b

Komşu

  1. #5bf26f
  2. #5bf2bb
  3. #5bddf2

Üçlü

  1. #5bf2bb
  2. #bb5bf2
  3. #f2bb5b

Dörtlü

  1. #5bf2bb
  2. #5b92f2
  3. #f25b92
  4. #f2bb5b

Kare

  1. #5bf2bb
  2. #6f5bf2
  3. #f25b92
  4. #ddf25b

Tek renkli

  1. #0da76f
  2. #14ec9e
  3. #5bf2bb
  4. #a2f8d8
  5. #e9fdf6

Koyu tonlar

#5bf2bb kademeli olarak siyahla karıştırıldı.

  1. #5bf2bb
  2. #52daa8
  3. #49c296
  4. #40a983
  5. #379170
  6. #2e795e
  7. #24614b
  8. #1b4938
  9. #123025
  10. #091813
  11. #000000

Açık tonlar

#5bf2bb kademeli olarak beyazla karıştırıldı.

  1. #5bf2bb
  2. #6bf3c2
  3. #7cf5c9
  4. #8cf6cf
  5. #9df7d6
  6. #adf9dd
  7. #bdfae4
  8. #cefbeb
  9. #defcf1
  10. #effef8
  11. #ffffff

Tonlar

#5bf2bb kademeli olarak griyle karıştırıldı.

  1. #5bf2bb
  2. #5fe7b5
  3. #62dbaf
  4. #66d0a9
  5. #6ac4a3
  6. #6eb99e
  7. #71ae98
  8. #75a292
  9. #79978c
  10. #7c8b86
  11. #808080

Okunaklı metin 1.41:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 14.86:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #d9d9d9 Erkeklerin ≈ 0.003% kadarı
Akromatomali #b4e3ce Erkeklerin ≈ 0.001% kadarı
Protanopi #ede2b8 Erkeklerin ≈ 1.01% kadarı
Döteranopi #d8d3bf Erkeklerin ≈ 1.27% kadarı
Tritanopi #00f2e3 Erkeklerin ≈ 0.0001% kadarı
Protanomali #c4e8b9 Erkeklerin ≈ 1.08% kadarı
Döteranomali #b4e0bd Erkeklerin ≈ 4.63% kadarı
Tritanomali #2df2d4 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-5bf2bb {
  color: #5bf2bb;
}
Arka plan
.bg-5bf2bb {
  background-color: #5bf2bb;
  color: #000000;
}
Kenarlık
.border-5bf2bb {
  border: 2px solid #5bf2bb;
}
CSS değişkenleri
:root {
  --color-primary: #5bf2bb;
  --color-primary-rgb: 91 242 187;
  --color-primary-hsl: 158 85% 65%;
}
Geçiş
.gradient-5bf2bb {
  background: linear-gradient(135deg, #5bf2bb, #5bddf2);
}
Renkli gölge
.shadow-5bf2bb {
  box-shadow: 0 8px 24px rgb(91 242 187 / 0.35);
}

#7fffd4 Aquamarine ΔE 4.55 #00fa9a Medium Spring Green ΔE 7.33 #9fe2bf Seafoam Green ΔE 8.76 #aaf0d1 Magic Mint ΔE 9.05 #66cdaa Medium Aquamarine ΔE 9.14 #00cc99 Caribbean Green ΔE 9.36 #90ee90 Light Green ΔE 10.54 #a40d44 Ters renk #d9d9d9 Gri tonlama 

Aquamarine
#5bf2bb  rgb(91, 242, 187)  hsl(158, 85%, 65%)  Aquamarine
#f25b92  rgb(242, 91, 146)  hsl(338, 85%, 65%)  French Rose
#bb5bf2  rgb(187, 91, 242)  hsl(278, 85%, 65%)  Medium Orchid
#f2bb5b  rgb(242, 187, 91)  hsl(38, 85%, 65%)  Topaz