Benoemde kleur · #C2CED2
Alice White
Alice White is #C2CED2: rgb(194 206 210), hsl(195 15% 79%), oklch(0.843 0.014 219.6). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Gray mean? → · Alice White color name →
#C2CED2
oklch(0.843 0.014 219.6)
Kleurconversies
- HEX
- #c2ced2
- RGB
- rgb(194 206 210)
- HSL
- hsl(195 15% 79%)
- HWB
- hwb(195 76% 18%)
- OKLCH
- oklch(0.843 0.014 219.6)
- OKLab
- oklab(0.843 -0.011 -0.009)
- CIE Lab
- lab(81.92 -3.65 -3.48)
- LCH
- lch(81.92 5.04 223.6)
- CMYK
- cmyk(8% 2% 0% 18%)
Tinten · Schaduwen · Tonen
Tinten
- C8D3D6
- CED8DB
- D4DDDF
- DAE1E4
- E0E6E8
- E6EBED
- ECF0F1
- F3F5F6
- F9FAFA
Schaduwen
- A8B3B6
- 8F989B
- 777F81
- 606668
- 494E50
- 343839
- 202324
- 0E0F10
- 020202
Tonen
- BBC6C9
- B4BEC1
- AEB6B9
- A7AEB0
- A0A6A8
- 9A9EA0
- 939798
- 8D8F90
- 868788
Kleurharmonieën
Complementair +180°
- C2CED2
Alice White
- D4C9C5
≈ Crushed Almond
Analoog -30° +30°
- C2CED2
Alice White
- C2CFCD
≈ Luna Light
- C5CDD5
≈ Mega Metal Phoenix
Triadisch +120° +240°
- C2CED2
Alice White
- D2C8CF
≈ Odyssey Lilac
- CECCC2
≈ So Chic!
Gesplitst complementair +150° +210°
- C2CED2
Alice White
- D5C8C9
≈ Grey Lilac
- D2CAC2
≈ Ashen Tan
Tetradisch +90° +180° +270°
- C2CED2
Alice White
- CEC9D3
≈ Chrome Chalice
- D4C9C5
≈ Crushed Almond
- C9CEC4
≈ Cipollino
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.60:1 · APCA Lc 27
Ag
AAAOp zwart
WCAG 13.05:1 · APCA Lc 76
Beste tekstkleur: #000000
WCAG 13.05:1 (AAA) · APCA Lc 76
Contrast pairs
Codefragmenten
CSS
:root {
--alice-white: #c2ced2;
--alice-white-rgb: 194 206 210;
--alice-white-oklch: oklch(0.843 0.014 219.6);
}
.element {
color: var(--alice-white);
background-color: hsl(195 15% 79%);
border-color: oklch(0.843 0.014 219.6);
}Tailwind CSS v4
@theme {
--color-alice-white: #c2ced2;
--color-alice-white-50: #f1f6f8;
--color-alice-white-100: #e3e9eb;
--color-alice-white-200: #ced6d9;
--color-alice-white-300: #b0b9bd;
--color-alice-white-400: #96a1a4;
--color-alice-white-500: #7c898d;
--color-alice-white-600: #697477;
--color-alice-white-700: #545c5f;
--color-alice-white-800: #3d4446;
--color-alice-white-900: #2a2f30;
--color-alice-white-950: #181b1c;
}SCSS
$alice-white: #c2ced2;
$alice-white-rgb: 194, 206, 210;
$alice-white-light: mix(#fff, $alice-white, 20%);
$alice-white-dark: mix(#000, $alice-white, 20%);
.element {
color: $alice-white;
box-shadow: 0 0 0 2px rgba($alice-white, 0.35);
}