Benoemde kleur · #CEDCD4
Light Soft Celadon
Light Soft Celadon is #CEDCD4: rgb(206 220 212), hsl(146 17% 84%), oklch(0.882 0.019 161.1). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Gray mean? → · Light Soft Celadon color name →
#CEDCD4
oklch(0.882 0.019 161.1)
Kleurconversies
- HEX
- #cedcd4
- RGB
- rgb(206 220 212)
- HSL
- hsl(146 17% 84%)
- HWB
- hwb(146 81% 14%)
- OKLCH
- oklch(0.882 0.019 161.1)
- OKLab
- oklab(0.882 -0.018 0.006)
- CIE Lab
- lab(86.52 -5.98 2.24)
- LCH
- lch(86.52 6.39 159.5)
- CMYK
- cmyk(6% 0% 4% 14%)
Tinten · Schaduwen · Tonen
Tinten
- D3DFD8
- D8E3DC
- DDE6E1
- E1EAE5
- E6EDE9
- EBF1EE
- F0F4F2
- F5F8F6
- FAFBFB
Schaduwen
- B3BFB8
- 98A39D
- 7F8883
- 666E69
- 4E5451
- 383C3A
- 232624
- 0F1110
- 020202
Tonen
- C6D2CB
- BEC9C3
- B6BFBA
- AEB6B1
- A6ADA9
- 9EA4A1
- 979B98
- 8F9290
- 888988
Kleurharmonieën
Complementair +180°
- CEDCD4
Light Soft Celadon
- E1D3DC
≈ Mauve Aquarelle
Analoog -30° +30°
- CEDCD4
Light Soft Celadon
- D4DBCE
≈ Caribbean Pleasure
- CBDCDB
≈ Snow in June
Triadisch +120° +240°
- CEDCD4
Light Soft Celadon
- D5D7E4
≈ So Blue-Berry
- E3D4CF
≈ Pandora Grey
Gesplitst complementair +150° +210°
- CEDCD4
Light Soft Celadon
- DCD5E1
≈ Titan White
- E4D3D5
≈ Hapsburg Court
Tetradisch +90° +180° +270°
- CEDCD4
Light Soft Celadon
- CFD9E4
≈ Pale Cornflower
- E1D3DC
≈ Mauve Aquarelle
- E0D6CB
≈ Castle Beige
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.41:1 · APCA Lc 20
Ag
AAAOp zwart
WCAG 14.81:1 · APCA Lc 83
Beste tekstkleur: #000000
WCAG 14.81:1 (AAA) · APCA Lc 83
Contrast pairs
Codefragmenten
CSS
:root {
--light-soft-celadon: #cedcd4;
--light-soft-celadon-rgb: 206 220 212;
--light-soft-celadon-oklch: oklch(0.882 0.019 161.1);
}
.element {
color: var(--light-soft-celadon);
background-color: hsl(146 17% 84%);
border-color: oklch(0.882 0.019 161.1);
}Tailwind CSS v4
@theme {
--color-light-soft-celadon: #cedcd4;
--color-light-soft-celadon-50: #f1f7f3;
--color-light-soft-celadon-100: #e3eae6;
--color-light-soft-celadon-200: #ced7d2;
--color-light-soft-celadon-300: #afbab5;
--color-light-soft-celadon-400: #95a29b;
--color-light-soft-celadon-500: #7c8a82;
--color-light-soft-celadon-600: #69756e;
--color-light-soft-celadon-700: #545e58;
--color-light-soft-celadon-800: #3d4440;
--color-light-soft-celadon-900: #2a2f2c;
--color-light-soft-celadon-950: #181c19;
}SCSS
$light-soft-celadon: #cedcd4;
$light-soft-celadon-rgb: 206, 220, 212;
$light-soft-celadon-light: mix(#fff, $light-soft-celadon, 20%);
$light-soft-celadon-dark: mix(#000, $light-soft-celadon, 20%);
.element {
color: $light-soft-celadon;
box-shadow: 0 0 0 2px rgba($light-soft-celadon, 0.35);
}