Benoemde kleur · #C8D4E7
Light Penna
Light Penna is #C8D4E7: rgb(200 212 231), hsl(217 39% 85%), oklch(0.867 0.029 259.6). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Gray mean? → · Light Penna color name →
#C8D4E7
oklch(0.867 0.029 259.6)
Kleurconversies
- HEX
- #c8d4e7
- RGB
- rgb(200 212 231)
- HSL
- hsl(217 39% 85%)
- HWB
- hwb(217 78% 9%)
- OKLCH
- oklch(0.867 0.029 259.6)
- OKLab
- oklab(0.867 -0.005 -0.029)
- CIE Lab
- lab(84.43 -1.39 -10.86)
- LCH
- lch(84.43 10.94 262.7)
- CMYK
- cmyk(13% 8% 0% 9%)
Tinten · Schaduwen · Tonen
Tinten
- CDD8E9
- D3DDEC
- D8E1EE
- DEE5F1
- E3E9F3
- E9EEF5
- EEF2F8
- F4F6FA
- F9FBFD
Schaduwen
- AEB8C9
- 949DAB
- 7B838F
- 636973
- 4C5159
- 363A40
- 212428
- 0F1013
- 020203
Tonen
- C1CBDC
- B9C3D2
- B2BAC7
- ABB2BD
- A3A9B2
- 9CA1A8
- 95989E
- 8E9094
- 87888A
Kleurharmonieën
Complementair +180°
- C8D4E7
Light Penna
- DED1BE
≈ Erosion
Analoog -30° +30°
- C8D4E7
Light Penna
- C0D7E3
≈ Distant Shore
- D2D0E6
≈ Artistic Violet
Triadisch +120° +240°
- C8D4E7
Light Penna
- E6CCCB
≈ Mauve Morn
- CAD8C6
≈ Green Lane
Gesplitst complementair +150° +210°
- C8D4E7
Light Penna
- E4CEC2
≈ Humble Blush
- D4D5BF
≈ Pale Cucumber
Tetradisch +90° +180° +270°
- C8D4E7
Light Penna
- E3CCD6
≈ Barely Berry
- DED1BE
≈ Erosion
- C1DAD0
≈ Fuchsite
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.49:1 · APCA Lc 23
Ag
AAAOp zwart
WCAG 14.02:1 · APCA Lc 80
Beste tekstkleur: #000000
WCAG 14.02:1 (AAA) · APCA Lc 80
Contrast pairs
Codefragmenten
CSS
:root {
--light-penna: #c8d4e7;
--light-penna-rgb: 200 212 231;
--light-penna-oklch: oklch(0.867 0.029 259.6);
}
.element {
color: var(--light-penna);
background-color: hsl(217 39% 85%);
border-color: oklch(0.867 0.029 259.6);
}Tailwind CSS v4
@theme {
--color-light-penna: #c8d4e7;
--color-light-penna-50: #f0f5fe;
--color-light-penna-100: #e2e8f2;
--color-light-penna-200: #cdd5e1;
--color-light-penna-300: #afb8c7;
--color-light-penna-400: #949fb0;
--color-light-penna-500: #7b879a;
--color-light-penna-600: #687282;
--color-light-penna-700: #535b68;
--color-light-penna-800: #3c434d;
--color-light-penna-900: #292e35;
--color-light-penna-950: #171b20;
}SCSS
$light-penna: #c8d4e7;
$light-penna-rgb: 200, 212, 231;
$light-penna-light: mix(#fff, $light-penna, 20%);
$light-penna-dark: mix(#000, $light-penna, 20%);
.element {
color: $light-penna;
box-shadow: 0 0 0 2px rgba($light-penna, 0.35);
}