Benoemde kleur · #CBDEE2
Embellishment
Embellishment is #CBDEE2: rgb(203 222 226), hsl(190 28% 84%), oklch(0.888 0.021 211.8). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Gray mean? → · Embellishment color name →
#CBDEE2
oklch(0.888 0.021 211.8)
Kleurconversies
- HEX
- #cbdee2
- RGB
- rgb(203 222 226)
- HSL
- hsl(190 28% 84%)
- HWB
- hwb(190 80% 11%)
- OKLCH
- oklch(0.888 0.021 211.8)
- OKLab
- oklab(0.888 -0.018 -0.011)
- CIE Lab
- lab(87.13 -5.98 -4.25)
- LCH
- lch(87.13 7.34 215.4)
- CMYK
- cmyk(10% 2% 0% 11%)
Tinten · Schaduwen · Tonen
Tinten
- D0E1E5
- D5E5E8
- DBE8EB
- E0EBEE
- E5EEF0
- EAF2F3
- EFF5F6
- F5F8F9
- FAFCFC
Schaduwen
- B0C1C4
- 96A5A8
- 7D898C
- 656F71
- 4D5557
- 373D3E
- 222627
- 0F1212
- 020203
Tonen
- C3D4D8
- BCCACE
- B4C1C4
- ACB7BA
- A5AEB0
- 9DA4A6
- 969B9C
- 8F9293
- 878989
Kleurharmonieën
Complementair +180°
- CBDEE2
Embellishment
- E8D5D1
≈ Ash Cherry Blossom
Analoog -30° +30°
- CBDEE2
Embellishment
- CCDFDB
≈ Icelandish
- CEDCE7
≈ Simply Elegant
Triadisch +120° +240°
- CBDEE2
Embellishment
- E3D5E0
≈ Soft Lilac
- DFDACB
≈ Cocoon
Gesplitst complementair +150° +210°
- CBDEE2
Embellishment
- E7D4D9
≈ Desert Mauve
- E5D7CC
≈ Kangaroo Tan
Tetradisch +90° +180° +270°
- CBDEE2
Embellishment
- DCD7E6
≈ Misty Violet
- E8D5D1
≈ Ash Cherry Blossom
- D7DCCD
≈ Light Green Ash
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.39:1 · APCA Lc 19
Ag
AAAOp zwart
WCAG 15.08:1 · APCA Lc 84
Beste tekstkleur: #000000
WCAG 15.08:1 (AAA) · APCA Lc 84
Contrast pairs
Codefragmenten
CSS
:root {
--embellishment: #cbdee2;
--embellishment-rgb: 203 222 226;
--embellishment-oklch: oklch(0.888 0.021 211.8);
}
.element {
color: var(--embellishment);
background-color: hsl(190 28% 84%);
border-color: oklch(0.888 0.021 211.8);
}Tailwind CSS v4
@theme {
--color-embellishment: #cbdee2;
--color-embellishment-50: #eff7f9;
--color-embellishment-100: #e0eaec;
--color-embellishment-200: #cbd7da;
--color-embellishment-300: #acbabe;
--color-embellishment-400: #91a2a6;
--color-embellishment-500: #778a8e;
--color-embellishment-600: #657578;
--color-embellishment-700: #505e60;
--color-embellishment-800: #3a4446;
--color-embellishment-900: #282f31;
--color-embellishment-950: #161c1d;
}SCSS
$embellishment: #cbdee2;
$embellishment-rgb: 203, 222, 226;
$embellishment-light: mix(#fff, $embellishment, 20%);
$embellishment-dark: mix(#000, $embellishment, 20%);
.element {
color: $embellishment;
box-shadow: 0 0 0 2px rgba($embellishment, 0.35);
}