Benannte Farbe · #CBD0DD
Debonaire
Debonaire ist #CBD0DD: rgb(203 208 221), hsl(223 21% 83%), oklch(0.858 0.019 269.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Debonaire color name →
#CBD0DD
oklch(0.858 0.019 269.1)
Farbumrechnungen
- HEX
- #cbd0dd
- RGB
- rgb(203 208 221)
- HSL
- hsl(223 21% 83%)
- HWB
- hwb(223 80% 13%)
- OKLCH
- oklch(0.858 0.019 269.1)
- OKLab
- oklab(0.858 0 -0.019)
- CIE Lab
- lab(83.38 0.09 -7.08)
- LCH
- lch(83.38 7.08 270.7)
- CMYK
- cmyk(8% 6% 0% 13%)
Tints · Shades · Tones
Tints
- D0D5E0
- D5D9E4
- DADEE7
- E0E3EB
- E5E7EE
- EAECF1
- EFF1F5
- F4F5F8
- FAFAFC
Shades
- B0B5C0
- 969AA4
- 7D8088
- 65676E
- 4D4F55
- 37393D
- 222326
- 0F1011
- 020202
Tones
- C3C8D3
- BCBFCA
- B4B7C0
- ACAFB7
- A5A7AD
- 9D9FA4
- 96979B
- 8E8F92
- 878889
Farbharmonien
Komplementär +180°
- CBD0DD
Debonaire
- D5D0C3
≈ Clay Beige
Analog -30° +30°
- CBD0DD
Debonaire
- C6D2DB
≈ Memory Lane
- D2CEDB
≈ Lavender Sparkle
Triadisch +120° +240°
- CBD0DD
Debonaire
- DCCCC9
≈ Delirious Donkey
- C8D4CA
≈ Touch of Spring
Geteilt komplementär +150° +210°
- CBD0DD
Debonaire
- DACEC4
≈ Romantic White
- CFD2C5
≈ Particular Mint
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.54:1 · APCA Lc 25
Ag
AAAAuf Schwarz
WCAG 13.60:1 · APCA Lc 78
Beste Textfarbe: #000000
WCAG 13.60:1 (AAA) · APCA Lc 78
Contrast pairs
Code-Snippets
CSS
:root {
--debonaire: #cbd0dd;
--debonaire-rgb: 203 208 221;
--debonaire-oklch: oklch(0.858 0.019 269.1);
}
.element {
color: var(--debonaire);
background-color: hsl(223 21% 83%);
border-color: oklch(0.858 0.019 269.1);
}Tailwind CSS v4
@theme {
--color-debonaire: #cbd0dd;
--color-debonaire-50: #f3f5fb;
--color-debonaire-100: #e5e8ee;
--color-debonaire-200: #d1d4dd;
--color-debonaire-300: #b4b7c1;
--color-debonaire-400: #9a9eaa;
--color-debonaire-500: #818693;
--color-debonaire-600: #6d717c;
--color-debonaire-700: #575b64;
--color-debonaire-800: #3f4249;
--color-debonaire-900: #2c2e33;
--color-debonaire-950: #191b1e;
}SCSS
$debonaire: #cbd0dd;
$debonaire-rgb: 203, 208, 221;
$debonaire-light: mix(#fff, $debonaire, 20%);
$debonaire-dark: mix(#000, $debonaire, 20%);
.element {
color: $debonaire;
box-shadow: 0 0 0 2px rgba($debonaire, 0.35);
}