Nazwany kolor · #C3D6E0
Icecap
Icecap to #C3D6E0: rgb(195 214 224), hsl(201 32% 82%), oklch(0.865 0.025 230.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Icecap color name →
#C3D6E0
oklch(0.865 0.025 230.5)
Konwersje koloru
- HEX
- #c3d6e0
- RGB
- rgb(195 214 224)
- HSL
- hsl(201 32% 82%)
- HWB
- hwb(201 76% 12%)
- OKLCH
- oklch(0.865 0.025 230.5)
- OKLab
- oklab(0.865 -0.016 -0.019)
- CIE Lab
- lab(84.42 -5.11 -7.24)
- LCH
- lch(84.42 8.86 234.8)
- CMYK
- cmyk(13% 4% 0% 12%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C9DAE3
- CFDEE6
- D5E2E9
- DBE6EC
- E1EAEF
- E7EEF3
- EDF3F6
- F3F7F9
- F9FBFC
Odcienie ciemniejsze
- A9BAC3
- 909EA6
- 78848A
- 606A70
- 4A5256
- 343B3E
- 202527
- 0E1012
- 020202
Tony
- BCCDD6
- B5C4CC
- AEBBC2
- A8B3B8
- A1AAAF
- 9AA1A5
- 94999C
- 8D9192
- 878889
Harmonie kolorów
Komplementarna +180°
- C3D6E0
Icecap
- E1CEC4
≈ Morganite
Analogowa -30° +30°
- C3D6E0
Icecap
- C1D8D9
≈ Haint Blue
- C9D3E3
≈ Violet Wisp
Triada +120° +240°
- C3D6E0
Icecap
- E0CCD5
≈ Prim
- D3D4C2
≈ White Sage
Komplementarna rozszczepiona +150° +210°
- C3D6E0
Icecap
- E3CDCC
≈ Whirligig
- DBD1C1
≈ Clam
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.49:1 · APCA Lc 23
Ag
AAANa czerni
WCAG 14.01:1 · APCA Lc 80
Najlepszy kolor tekstu: #000000
WCAG 14.01:1 (AAA) · APCA Lc 80
Contrast pairs
Fragmenty kodu
CSS
:root {
--icecap: #c3d6e0;
--icecap-rgb: 195 214 224;
--icecap-oklch: oklch(0.865 0.025 230.5);
}
.element {
color: var(--icecap);
background-color: hsl(201 32% 82%);
border-color: oklch(0.865 0.025 230.5);
}Tailwind CSS v4
@theme {
--color-icecap: #c3d6e0;
--color-icecap-50: #eff7fb;
--color-icecap-100: #e0e9ef;
--color-icecap-200: #cad6dd;
--color-icecap-300: #abbac2;
--color-icecap-400: #90a1ab;
--color-icecap-500: #768a94;
--color-icecap-600: #64747d;
--color-icecap-700: #505d64;
--color-icecap-800: #3a4449;
--color-icecap-900: #282f33;
--color-icecap-950: #161c1e;
}SCSS
$icecap: #c3d6e0;
$icecap-rgb: 195, 214, 224;
$icecap-light: mix(#fff, $icecap, 20%);
$icecap-dark: mix(#000, $icecap, 20%);
.element {
color: $icecap;
box-shadow: 0 0 0 2px rgba($icecap, 0.35);
}