ColorTool
Giriş yap
#22E7DC

#22e7dc ≈ Bright Turquoise

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

#22e7dc, “camgöbeği” ailesinden bir renktir; açıklığı orta, doygunluğu canlı. RGB modelinde %13,33 kırmızı, %90,59 yeşil ve %86,27 maviden oluşur; CMYK baskıda %85,28 camgöbeği, %0 macenta, %4,76 sarı ve %9,41 siyah kullanır. Ton açısı 176,65°, HSL’de doygunluğu %80,41 ve açıklığı %51,96’dir. Soğuk bir renktir ve çoğunlukla ferahlık, teknoloji ve netlik 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 13,53:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Bright Turquoise (#08e8de), ΔE 0,51.

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

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

Tamamlayıcı

  1. #22e7dc
  2. #e7222d

Bölünmüş tamamlayıcı

  1. #22e7dc
  2. #e7228f
  3. #e77922

Komşu

  1. #22e779
  2. #22e7dc
  3. #228fe7

Üçlü

  1. #22e7dc
  2. #dc22e7
  3. #e7dc22

Dörtlü

  1. #22e7dc
  2. #222de7
  3. #e7222d
  4. #e7dc22

Kare

  1. #22e7dc
  2. #7922e7
  3. #e7222d
  4. #8fe722

Tek renkli

  1. #0b6560
  2. #12aaa2
  3. #22e7dc
  4. #67eee7
  5. #acf6f2

Koyu tonlar

#22e7dc kademeli olarak siyahla karıştırıldı.

  1. #22e7dc
  2. #1fd0c6
  3. #1bb9b0
  4. #18a29a
  5. #148b84
  6. #11746e
  7. #0e5c58
  8. #0a4542
  9. #072e2c
  10. #031716
  11. #000000

Açık tonlar

#22e7dc kademeli olarak beyazla karıştırıldı.

  1. #22e7dc
  2. #38e9e0
  3. #4eece3
  4. #64eee7
  5. #7af1ea
  6. #91f3ee
  7. #a7f5f1
  8. #bdf8f5
  9. #d3faf8
  10. #e9fdfc
  11. #ffffff

Tonlar

#22e7dc kademeli olarak griyle karıştırıldı.

  1. #22e7dc
  2. #2bddd3
  3. #35d2ca
  4. #3ec8c0
  5. #48beb7
  6. #51b4ae
  7. #5aa9a5
  8. #649f9c
  9. #6d9592
  10. #778a89
  11. #808080

Okunaklı metin 1.55:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 13.53:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #cfcfcf Erkeklerin ≈ 0.003% kadarı
Akromatomali #a6d9d5 Erkeklerin ≈ 0.001% kadarı
Protanopi #d9dadc Erkeklerin ≈ 1.01% kadarı
Döteranopi #c1c8de Erkeklerin ≈ 1.27% kadarı
Tritanopi #00ede3 Erkeklerin ≈ 0.0001% kadarı
Protanomali #aedfdc Erkeklerin ≈ 1.08% kadarı
Döteranomali #9ad5dd Erkeklerin ≈ 4.63% kadarı
Tritanomali #00ebe0 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-22e7dc {
  color: #22e7dc;
}
Arka plan
.bg-22e7dc {
  background-color: #22e7dc;
  color: #000000;
}
Kenarlık
.border-22e7dc {
  border: 2px solid #22e7dc;
}
CSS değişkenleri
:root {
  --color-primary: #22e7dc;
  --color-primary-rgb: 34 231 220;
  --color-primary-hsl: 177 80% 52%;
}
Geçiş
.gradient-22e7dc {
  background: linear-gradient(135deg, #22e7dc, #228fe7);
}
Renkli gölge
.shadow-22e7dc {
  box-shadow: 0 8px 24px rgb(34 231 220 / 0.35);
}

#08e8de Bright Turquoise ΔE 0.51 #40e0d0 Turquoise ΔE 2.51 #00ffef Turquoise Blue ΔE 5.21 #48d1cc Medium Turquoise ΔE 5.59 #00ffff Aqua ΔE 6.28 #00ffff Cyan ΔE 6.28 #00cccc Robin Egg Blue ΔE 7.19 #dd1823 Ters renk #cfcfcf Gri tonlama 

Bright Turquoise
#22e7dc  rgb(34, 231, 220)  hsl(177, 80%, 52%)  Bright Turquoise
#e7222d  rgb(231, 34, 45)  hsl(357, 80%, 52%)  Cadmium Red
#dc22e7  rgb(220, 34, 231)  hsl(297, 80%, 52%)  Fuchsia
#e7dc22  rgb(231, 220, 34)  hsl(57, 80%, 52%)  Dandelion