En yakın adlandırılmış renk · #C0EFF5
#C0EFF5
En yakın adlandırılmış renk: Icy Breeze
#C0EFF5 (rgb(192 239 245), hsl(187 73% 86%), oklch(0.921 0.049 205.9)) en çok Icy Breeze adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#C0EFF5
oklch(0.921 0.049 205.9)
Renk dönüşümleri
- HEX
- #c0eff5
- RGB
- rgb(192 239 245)
- HSL
- hsl(187 73% 86%)
- HWB
- hwb(187 75% 4%)
- OKLCH
- oklch(0.921 0.049 205.9)
- OKLab
- oklab(0.921 -0.044 -0.021)
- CIE Lab
- lab(91.3 -14.64 -8.15)
- LCH
- lch(91.3 16.76 209.1)
- CMYK
- cmyk(22% 2% 0% 4%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C7F1F6
- CDF2F7
- D3F4F8
- DAF6F9
- E0F7FA
- E6F9FB
- EDFAFC
- F3FCFD
- F9FDFE
Koyu tonlar
- A7D0D5
- 8EB1B6
- 769498
- 5F787B
- 495C5F
- 344244
- 202A2B
- 0E1415
- 020303
Gri tonlar
- BAE3E9
- B3D8DD
- ADCCD1
- A7C1C5
- A0B6B9
- 9AABAD
- 93A0A2
- 8D9596
- 868B8B
Renk uyumları
Tamamlayıcı +180°
- C0EFF5
Icy Breeze
- FFDBD7
≈ Peach Schnapps
Analog -30° +30°
- C0EFF5
Icy Breeze
- C4F0E4
≈ Light Water Wings
- CAEAFF
≈ Blue Java Banana
Üçlü +120° +240°
- C0EFF5
Icy Breeze
- F7DAF7
≈ Grape Taffy
- F4E3C1
≈ Cameo Cream
Bölünmüş tamamlayıcı +150° +210°
- C0EFF5
Icy Breeze
- FFD9E6
≈ Pink Supremecy
- FFDEC7
≈ Coral Kiss
Dörtlü +90° +180° +270°
- C0EFF5
Icy Breeze
- E7E0FF
≈ Stoic White
- FFDBD7
≈ Peach Schnapps
- E3EAC5
≈ Green Eggs
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.24:1 · APCA Lc 12
Ag
AAASiyah üzerinde
WCAG 16.90:1 · APCA Lc 92
En iyi metin rengi: #000000
WCAG 16.90:1 (AAA) · APCA Lc 92
Contrast pairs
Kod parçacıkları
CSS
:root {
--icy-breeze: #c0eff5;
--icy-breeze-rgb: 192 239 245;
--icy-breeze-oklch: oklch(0.921 0.049 205.9);
}
.element {
color: var(--icy-breeze);
background-color: hsl(187 73% 86%);
border-color: oklch(0.921 0.049 205.9);
}Tailwind CSS v4
@theme {
--color-icy-breeze: #c0eff5;
--color-icy-breeze-50: #e6f9fc;
--color-icy-breeze-100: #d6edf0;
--color-icy-breeze-200: #bddbdf;
--color-icy-breeze-300: #9bbfc4;
--color-icy-breeze-400: #7da7ad;
--color-icy-breeze-500: #5e9096;
--color-icy-breeze-600: #507a7f;
--color-icy-breeze-700: #406166;
--color-icy-breeze-800: #2e474a;
--color-icy-breeze-900: #1f3233;
--color-icy-breeze-950: #0e1d1f;
}SCSS
$icy-breeze: #c0eff5;
$icy-breeze-rgb: 192, 239, 245;
$icy-breeze-light: mix(#fff, $icy-breeze, 20%);
$icy-breeze-dark: mix(#000, $icy-breeze, 20%);
.element {
color: $icy-breeze;
box-shadow: 0 0 0 2px rgba($icy-breeze, 0.35);
}