Dichtstbijzijnde benoemde kleur · #C8CCFF
#C8CCFF
Dichtstbijzijnde benoemde kleur: Innocent Snowdrop
#C8CCFF (rgb(200 204 255), hsl(236 100% 89%), oklch(0.859 0.071 281.3)) komt het dichtst bij de benoemde kleur Innocent Snowdrop. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#C8CCFF
oklch(0.859 0.071 281.3)
Kleurconversies
- HEX
- #c8ccff
- RGB
- rgb(200 204 255)
- HSL
- hsl(236 100% 89%)
- HWB
- hwb(236 78% 0%)
- OKLCH
- oklch(0.859 0.071 281.3)
- OKLab
- oklab(0.859 0.014 -0.069)
- CIE Lab
- lab(83.02 6.47 -25.63)
- LCH
- lch(83.02 26.43 284.2)
- CMYK
- cmyk(22% 20% 0% 0%)
Tinten · Schaduwen · Tonen
Tinten
- CDD1FF
- D3D6FF
- D8DBFF
- DEE0FF
- E3E6FF
- E9EBFF
- EEF0FF
- F4F5FF
- F9FAFF
Schaduwen
- AEB1DE
- 9497BE
- 7B7E9E
- 636580
- 4C4E63
- 363748
- 21222E
- 0F0F16
- 020203
Tonen
- C1C4F2
- B9BCE5
- B2B5D8
- AAADCB
- A3A5BE
- 9C9EB1
- 9596A5
- 8E8F98
- 87878C
Kleurharmonieën
Complementair +180°
- C8CCFF
Innocent Snowdrop
- DAD39D
≈ Garden Glade
Analoog -30° +30°
- C8CCFF
Innocent Snowdrop
- AFD5FE
≈ Malmö FF
- E0C4F3
≈ Neon Boneyard
Triadisch +120° +240°
- C8CCFF
Innocent Snowdrop
- FAC2AD
≈ Sweet Apricot
- A8E0C2
≈ Mountain Mint
Gesplitst complementair +150° +210°
- C8CCFF
Innocent Snowdrop
- EFCA9E
≈ Cream Snap
- C0DBAB
≈ Bowling Green
Tetradisch +90° +180° +270°
- C8CCFF
Innocent Snowdrop
- FBBEC5
≈ Pale Petunia
- DAD39D
≈ Garden Glade
- 99E0DC
≈ Pale Pastel
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.55:1 · APCA Lc 25
Ag
AAAOp zwart
WCAG 13.53:1 · APCA Lc 78
Beste tekstkleur: #000000
WCAG 13.53:1 (AAA) · APCA Lc 78
Contrast pairs
Codefragmenten
CSS
:root {
--innocent-snowdrop: #c8ccff;
--innocent-snowdrop-rgb: 200 204 255;
--innocent-snowdrop-oklch: oklch(0.859 0.071 281.3);
}
.element {
color: var(--innocent-snowdrop);
background-color: hsl(236 100% 89%);
border-color: oklch(0.859 0.071 281.3);
}Tailwind CSS v4
@theme {
--color-innocent-snowdrop: #c8ccff;
--color-innocent-snowdrop-50: #f2f3ff;
--color-innocent-snowdrop-100: #e4e5ff;
--color-innocent-snowdrop-200: #cfd1f2;
--color-innocent-snowdrop-300: #b2b3db;
--color-innocent-snowdrop-400: #979ac8;
--color-innocent-snowdrop-500: #7e81b4;
--color-innocent-snowdrop-600: #6a6d98;
--color-innocent-snowdrop-700: #55577a;
--color-innocent-snowdrop-800: #3d405b;
--color-innocent-snowdrop-900: #2a2c40;
--color-innocent-snowdrop-950: #181928;
}SCSS
$innocent-snowdrop: #c8ccff;
$innocent-snowdrop-rgb: 200, 204, 255;
$innocent-snowdrop-light: mix(#fff, $innocent-snowdrop, 20%);
$innocent-snowdrop-dark: mix(#000, $innocent-snowdrop, 20%);
.element {
color: $innocent-snowdrop;
box-shadow: 0 0 0 2px rgba($innocent-snowdrop, 0.35);
}