Dichtstbijzijnde benoemde kleur · #CBCBFE
#CBCBFE
Dichtstbijzijnde benoemde kleur: Innocent Snowdrop
#CBCBFE (rgb(203 203 254), hsl(240 96% 90%), oklch(0.859 0.071 284.8)) 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.
#CBCBFE
oklch(0.859 0.071 284.8)
Kleurconversies
- HEX
- #cbcbfe
- RGB
- rgb(203 203 254)
- HSL
- hsl(240 96% 90%)
- HWB
- hwb(240 80% 0%)
- OKLCH
- oklch(0.859 0.071 284.8)
- OKLab
- oklab(0.859 0.018 -0.068)
- CIE Lab
- lab(82.97 7.77 -25.15)
- LCH
- lch(82.97 26.32 287.2)
- CMYK
- cmyk(20% 20% 0% 0%)
Tinten · Schaduwen · Tonen
Tinten
- D0D0FE
- D5D5FF
- DADBFF
- DFE0FF
- E5E5FF
- EAEAFF
- EFEFFF
- F4F5FF
- FAFAFF
Schaduwen
- B0B0DD
- 9696BD
- 7D7D9E
- 656580
- 4D4D63
- 373747
- 22222D
- 0F0F16
- 020203
Tonen
- C3C3F1
- BBBCE4
- B4B4D7
- ACACCA
- A5A5BD
- 9D9DB1
- 9696A5
- 8E8F98
- 87878C
Kleurharmonieën
Complementair +180°
- CBCBFE
Innocent Snowdrop
- D7D49E
≈ Crocodile Tears
Analoog -30° +30°
- CBCBFE
Innocent Snowdrop
- B2D4FF
≈ Ice Cold Stare
- E2C3F1
≈ Beefy Pink
Triadisch +120° +240°
- CBCBFE
Innocent Snowdrop
- F9C3AB
≈ Pink Beach
- A6E0C5
≈ Reef Green
Gesplitst complementair +150° +210°
- CBCBFE
Innocent Snowdrop
- ECCB9D
≈ Harvest
- BDDCAD
≈ Bowling Green
Tetradisch +90° +180° +270°
- CBCBFE
Innocent Snowdrop
- FCBEC2
≈ Azalea Pink
- D7D49E
≈ Crocodile Tears
- 99E0DF
≈ Aqua Fiesta
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.55:1 · APCA Lc 25
Ag
AAAOp zwart
WCAG 13.51:1 · APCA Lc 78
Beste tekstkleur: #000000
WCAG 13.51:1 (AAA) · APCA Lc 78
Contrast pairs
Codefragmenten
CSS
:root {
--innocent-snowdrop: #cbcbfe;
--innocent-snowdrop-rgb: 203 203 254;
--innocent-snowdrop-oklch: oklch(0.859 0.071 284.8);
}
.element {
color: var(--innocent-snowdrop);
background-color: hsl(240 96% 90%);
border-color: oklch(0.859 0.071 284.8);
}Tailwind CSS v4
@theme {
--color-innocent-snowdrop: #cbcbfe;
--color-innocent-snowdrop-50: #f3f3ff;
--color-innocent-snowdrop-100: #e6e5ff;
--color-innocent-snowdrop-200: #d1d0f2;
--color-innocent-snowdrop-300: #b4b3da;
--color-innocent-snowdrop-400: #9999c7;
--color-innocent-snowdrop-500: #8180b3;
--color-innocent-snowdrop-600: #6d6c98;
--color-innocent-snowdrop-700: #57577a;
--color-innocent-snowdrop-800: #3f3f5a;
--color-innocent-snowdrop-900: #2b2c3f;
--color-innocent-snowdrop-950: #181928;
}SCSS
$innocent-snowdrop: #cbcbfe;
$innocent-snowdrop-rgb: 203, 203, 254;
$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);
}