ColorTool
Giriş yap
#02BB97

#02bb97 ≈ Mint

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

#02bb97, “camgöbeği yeşili” ailesinden bir renktir; açıklığı düşük, doygunluğu güçlü. RGB modelinde %0,78 kırmızı, %73,33 yeşil ve %59,22 maviden oluşur; CMYK baskıda %98,93 camgöbeği, %0 macenta, %19,25 sarı ve %26,67 siyah kullanır. Ton açısı 168,32°, HSL’de doygunluğu %97,88 ve açıklığı %37,06’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 eylem çağrısı düğmeleri için kullanır. Bu renk üzerinde siyah metin 8,56:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Mint (#3eb489), ΔE 3,92.

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

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

Tamamlayıcı

  1. #02bb97
  2. #bb0226

Bölünmüş tamamlayıcı

  1. #02bb97
  2. #bb0283
  3. #bb3a02

Komşu

  1. #02bb3a
  2. #02bb97
  3. #0283bb

Üçlü

  1. #02bb97
  2. #9702bb
  3. #bb9702

Dörtlü

  1. #02bb97
  2. #0226bb
  3. #bb0226
  4. #bb9702

Kare

  1. #02bb97
  2. #3a02bb
  3. #bb0226
  4. #83bb02

Tek renkli

  1. #00241d
  2. #016f5a
  3. #02bb97
  4. #0dfcce
  5. #59fddd

Koyu tonlar

#02bb97 kademeli olarak siyahla karıştırıldı.

  1. #02bb97
  2. #02a888
  3. #029679
  4. #01836a
  5. #01705b
  6. #015e4c
  7. #014b3c
  8. #01382d
  9. #00251e
  10. #00130f
  11. #000000

Açık tonlar

#02bb97 kademeli olarak beyazla karıştırıldı.

  1. #02bb97
  2. #1bc2a1
  3. #35c9ac
  4. #4ecfb6
  5. #67d6c1
  6. #81ddcb
  7. #9ae4d5
  8. #b3ebe0
  9. #ccf1ea
  10. #e6f8f5
  11. #ffffff

Tonlar

#02bb97 kademeli olarak griyle karıştırıldı.

  1. #02bb97
  2. #0fb595
  3. #1baf92
  4. #28a990
  5. #34a38e
  6. #419e8c
  7. #4e9889
  8. #5a9287
  9. #678c85
  10. #738682
  11. #808080

Okunaklı metin 2.45:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 8.56:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #a5a5a5 Erkeklerin ≈ 0.003% kadarı
Akromatomali #83aea0 Erkeklerin ≈ 0.001% kadarı
Protanopi #b5ae95 Erkeklerin ≈ 1.01% kadarı
Döteranopi #a19f9a Erkeklerin ≈ 1.27% kadarı
Tritanopi #00bdb1 Erkeklerin ≈ 0.0001% kadarı
Protanomali #8fb396 Erkeklerin ≈ 1.08% kadarı
Döteranomali #80ab99 Erkeklerin ≈ 4.63% kadarı
Tritanomali #00bca7 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-02bb97 {
  color: #02bb97;
}
Arka plan
.bg-02bb97 {
  background-color: #02bb97;
  color: #000000;
}
Kenarlık
.border-02bb97 {
  border: 2px solid #02bb97;
}
CSS değişkenleri
:root {
  --color-primary: #02bb97;
  --color-primary-rgb: 2 187 151;
  --color-primary-hsl: 168 98% 37%;
}
Geçiş
.gradient-02bb97 {
  background: linear-gradient(135deg, #02bb97, #0283bb);
}
Renkli gölge
.shadow-02bb97 {
  box-shadow: 0 8px 24px rgb(2 187 151 / 0.35);
}

#3eb489 Mint ΔE 3.92 #29ab87 Jungle Green ΔE 4.66 #00cc99 Caribbean Green ΔE 5.40 #66cdaa Medium Aquamarine ΔE 6.94 #00a693 Persian Green ΔE 7.47 #3cb371 Medium Sea Green ΔE 8.78 #00a86b Jade ΔE 9.07 #fd4468 Ters renk #a5a5a5 Gri tonlama 

Mint
#02bb97  rgb(2, 187, 151)  hsl(168, 98%, 37%)  Mint
#bb0226  rgb(187, 2, 38)  hsl(348, 98%, 37%)  Firebrick
#9702bb  rgb(151, 2, 187)  hsl(288, 98%, 37%)  Dark Violet
#bb9702  rgb(187, 151, 2)  hsl(48, 98%, 37%)  Dark Goldenrod