Colore con nome · #C3D6E0
Icecap
Icecap è #C3D6E0: rgb(195 214 224), hsl(201 32% 82%), oklch(0.865 0.025 230.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Icecap color name →
#C3D6E0
oklch(0.865 0.025 230.5)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- C9DAE3
- CFDEE6
- D5E2E9
- DBE6EC
- E1EAEF
- E7EEF3
- EDF3F6
- F3F7F9
- F9FBFC
Ombre
- A9BAC3
- 909EA6
- 78848A
- 606A70
- 4A5256
- 343B3E
- 202527
- 0E1012
- 020202
Toni
- BCCDD6
- B5C4CC
- AEBBC2
- A8B3B8
- A1AAAF
- 9AA1A5
- 94999C
- 8D9192
- 878889
Armonie di colore
Complementare +180°
- C3D6E0
Icecap
- E1CEC4
≈ Morganite
Analogo -30° +30°
- C3D6E0
Icecap
- C1D8D9
≈ Haint Blue
- C9D3E3
≈ Violet Wisp
Triadico +120° +240°
- C3D6E0
Icecap
- E0CCD5
≈ Prim
- D3D4C2
≈ White Sage
Complementare divisa +150° +210°
- C3D6E0
Icecap
- E3CDCC
≈ Whirligig
- DBD1C1
≈ Clam
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.49:1 · APCA Lc 23
Ag
AAASu nero
WCAG 14.01:1 · APCA Lc 80
Miglior colore del testo: #000000
WCAG 14.01:1 (AAA) · APCA Lc 80
Contrast pairs
Frammenti di codice
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);
}