Najbliższy nazwany kolor · #C2E9ED
#C2E9ED
Najbliższy nazwany kolor: Icy Breeze
#C2E9ED (rgb(194 233 237), hsl(186 54% 85%), oklch(0.908 0.041 204.1)) jest najbliższy nazwanemu kolorowi Icy Breeze. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#C2E9ED
oklch(0.908 0.041 204.1)
Konwersje koloru
- HEX
- #c2e9ed
- RGB
- rgb(194 233 237)
- HSL
- hsl(186 54% 85%)
- HWB
- hwb(186 76% 7%)
- OKLCH
- oklch(0.908 0.041 204.1)
- OKLab
- oklab(0.908 -0.037 -0.017)
- CIE Lab
- lab(89.65 -12.48 -6.39)
- LCH
- lch(89.65 14.03 207.1)
- CMYK
- cmyk(18% 2% 0% 7%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C8EBEF
- CEEDF1
- D5F0F2
- DBF2F4
- E1F4F6
- E7F6F8
- EDF8FA
- F3FBFB
- F9FDFD
Odcienie ciemniejsze
- A8CBCE
- 8FADB0
- 779093
- 607477
- 495A5C
- 344142
- 20292A
- 0E1314
- 020303
Tony
- BBDEE2
- B5D3D6
- AEC8CB
- A7BEC0
- A1B3B5
- 9AA9AA
- 949E9F
- 8D9495
- 878A8A
Harmonie kolorów
Komplementarna +180°
- C2E9ED
Icy Breeze
- FBD7D3
≈ Just a Tease
Analogowa -30° +30°
- C2E9ED
Icy Breeze
- C6EADE
≈ Mint Tulip
- C7E6F8
≈ Icy Landscape
Triada +120° +240°
- C2E9ED
Icy Breeze
- EFD8F0
≈ Scented Spring
- EDDFC2
≈ Golden Haystack
Komplementarna rozszczepiona +150° +210°
- C2E9ED
Icy Breeze
- F8D6E2
≈ Pink Frosting
- F7DAC8
≈ Peach Sachet
Tetrada +90° +180° +270°
- C2E9ED
Icy Breeze
- E1DCFA
≈ Contrail
- FBD7D3
≈ Just a Tease
- E0E4C6
≈ Frost
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.29:1 · APCA Lc 15
Ag
AAANa czerni
WCAG 16.17:1 · APCA Lc 89
Najlepszy kolor tekstu: #000000
WCAG 16.17:1 (AAA) · APCA Lc 89
Contrast pairs
Fragmenty kodu
CSS
:root {
--icy-breeze: #c2e9ed;
--icy-breeze-rgb: 194 233 237;
--icy-breeze-oklch: oklch(0.908 0.041 204.1);
}
.element {
color: var(--icy-breeze);
background-color: hsl(186 54% 85%);
border-color: oklch(0.908 0.041 204.1);
}Tailwind CSS v4
@theme {
--color-icy-breeze: #c2e9ed;
--color-icy-breeze-50: #e8f9fb;
--color-icy-breeze-100: #d9ecef;
--color-icy-breeze-200: #c1dadd;
--color-icy-breeze-300: #a0bec2;
--color-icy-breeze-400: #83a6aa;
--color-icy-breeze-500: #668e93;
--color-icy-breeze-600: #57797c;
--color-icy-breeze-700: #456063;
--color-icy-breeze-800: #324748;
--color-icy-breeze-900: #223132;
--color-icy-breeze-950: #111d1e;
}SCSS
$icy-breeze: #c2e9ed;
$icy-breeze-rgb: 194, 233, 237;
$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);
}