ColorTool
Giriş yap
#22D5FE

#22d5fe ≈ Sky Blue

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

#22d5fe, “camgöbeği” ailesinden bir renktir; açıklığı orta, doygunluğu canlı. RGB modelinde %13,33 kırmızı, %83,53 yeşil ve %99,61 maviden oluşur; CMYK baskıda %86,61 camgöbeği, %16,14 macenta, %0 sarı ve %0,39 siyah kullanır. Ton açısı 191,18°, HSL’de doygunluğu %99,1 ve açıklığı %56,47’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 12,02:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Sky Blue (#87ceeb), ΔE 6,97.

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

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

Tamamlayıcı

  1. #22d5fe
  2. #fe4b22

Bölünmüş tamamlayıcı

  1. #22d5fe
  2. #fe2267
  3. #feb922

Komşu

  1. #22feb9
  2. #22d5fe
  3. #2267fe

Üçlü

  1. #22d5fe
  2. #fe22d5
  3. #d5fe22

Dörtlü

  1. #22d5fe
  2. #4b22fe
  3. #fe4b22
  4. #d5fe22

Kare

  1. #22d5fe
  2. #b922fe
  3. #fe4b22
  4. #67fe22

Tek renkli

  1. #016d86
  2. #01abd3
  3. #22d5fe
  4. #6ee3fe
  5. #baf2ff

Koyu tonlar

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

  1. #22d5fe
  2. #1fc0e5
  3. #1baacb
  4. #1895b2
  5. #148098
  6. #116b7f
  7. #0e5566
  8. #0a404c
  9. #072b33
  10. #031519
  11. #000000

Açık tonlar

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

  1. #22d5fe
  2. #38d9fe
  3. #4eddfe
  4. #64e2fe
  5. #7ae6fe
  6. #91eaff
  7. #a7eeff
  8. #bdf2ff
  9. #d3f7ff
  10. #e9fbff
  11. #ffffff

Tonlar

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

  1. #22d5fe
  2. #2bcdf1
  3. #35c4e5
  4. #3ebcd8
  5. #48b3cc
  6. #51abbf
  7. #5aa2b2
  8. #649aa6
  9. #6d9199
  10. #77898d
  11. #808080

Okunaklı metin 1.75:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 12.02:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #c4c4c4 Erkeklerin ≈ 0.003% kadarı
Akromatomali #9dcbde Erkeklerin ≈ 0.001% kadarı
Protanopi #bbcfff Erkeklerin ≈ 1.01% kadarı
Döteranopi #a0bbfe Erkeklerin ≈ 1.27% kadarı
Tritanopi #00e3e2 Erkeklerin ≈ 0.0001% kadarı
Protanomali #96d1ff Erkeklerin ≈ 1.08% kadarı
Döteranomali #81c6fe Erkeklerin ≈ 4.63% kadarı
Tritanomali #00ddee Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-22d5fe {
  color: #22d5fe;
}
Arka plan
.bg-22d5fe {
  background-color: #22d5fe;
  color: #000000;
}
Kenarlık
.border-22d5fe {
  border: 2px solid #22d5fe;
}
CSS değişkenleri
:root {
  --color-primary: #22d5fe;
  --color-primary-rgb: 34 213 254;
  --color-primary-hsl: 191 99% 56%;
}
Geçiş
.gradient-22d5fe {
  background: linear-gradient(135deg, #22d5fe, #2267fe);
}
Renkli gölge
.shadow-22d5fe {
  box-shadow: 0 8px 24px rgb(34 213 254 / 0.35);
}

#87ceeb Sky Blue ΔE 6.97 #89cff0 Baby Blue ΔE 7.35 #00bfff Deep Sky Blue ΔE 8.51 #87cefa Light Sky Blue ΔE 8.82 #a4dded Non-Photo Blue ΔE 10.29 #73c2fb Maya Blue ΔE 10.91 #add8e6 Light Blue ΔE 12.08 #dd2a01 Ters renk #c4c4c4 Gri tonlama 

Sky Blue
#22d5fe  rgb(34, 213, 254)  hsl(191, 99%, 56%)  Sky Blue
#fe4b22  rgb(254, 75, 34)  hsl(11, 99%, 56%)  Coquelicot
#fe22d5  rgb(254, 34, 213)  hsl(311, 99%, 56%)  Shocking Pink
#d5fe22  rgb(213, 254, 34)  hsl(71, 99%, 56%)  Electric Lime