Benannte Farbe · #DEC7CF
Kellie Belle
Kellie Belle ist #DEC7CF: rgb(222 199 207), hsl(339 26% 83%), oklch(0.851 0.028 354.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Kellie Belle color name →
#DEC7CF
oklch(0.851 0.028 354.6)
Farbumrechnungen
- HEX
- #dec7cf
- RGB
- rgb(222 199 207)
- HSL
- hsl(339 26% 83%)
- HWB
- hwb(339 78% 13%)
- OKLCH
- oklch(0.851 0.028 354.6)
- OKLab
- oklab(0.851 0.028 -0.003)
- CIE Lab
- lab(82.37 9.35 -0.9)
- LCH
- lch(82.37 9.39 354.5)
- CMYK
- cmyk(0% 10% 7% 13%)
Tints · Shades · Tones
Tints
- E1CDD4
- E5D2D8
- E8D8DD
- EBDDE2
- EFE3E7
- F2E8EC
- F5EEF0
- F8F4F5
- FCF9FA
Shades
- C1ADB4
- A59399
- 897A7F
- 6F6267
- 554C4F
- 3D3638
- 262123
- 120E10
- 020202
Tones
- D4C0C7
- CBB8BF
- C1B1B7
- B7AAAF
- AEA3A7
- A59C9F
- 9B9597
- 928E8F
- 898788
Farbharmonien
Komplementär +180°
- DEC7CF
Kellie Belle
- BCD4CD
≈ Quaver
Analog -30° +30°
- DEC7CF
Kellie Belle
- D8C8D8
≈ Shy Violet
- E0C8C5
≈ Pink Water
Triadisch +120° +240°
- DEC7CF
Kellie Belle
- CDD1BC
≈ Garlic Suede
- BDD2DE
≈ Two Harbours
Geteilt komplementär +150° +210°
- DEC7CF
Kellie Belle
- C3D3C3
≈ Juniper Mist
- BAD4D7
≈ Rhythmic Blue
Tetradisch +90° +180° +270°
- DEC7CF
Kellie Belle
- D7CDBA
≈ Perfect Crust
- BCD4CD
≈ Quaver
- C5CEE1
≈ Lilac Bisque
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.59:1 · APCA Lc 27
Ag
AAAAuf Schwarz
WCAG 13.17:1 · APCA Lc 76
Beste Textfarbe: #000000
WCAG 13.17:1 (AAA) · APCA Lc 76
Contrast pairs
Code-Snippets
CSS
:root {
--kellie-belle: #dec7cf;
--kellie-belle-rgb: 222 199 207;
--kellie-belle-oklch: oklch(0.851 0.028 354.6);
}
.element {
color: var(--kellie-belle);
background-color: hsl(339 26% 83%);
border-color: oklch(0.851 0.028 354.6);
}Tailwind CSS v4
@theme {
--color-kellie-belle: #dec7cf;
--color-kellie-belle-50: #fcf2f5;
--color-kellie-belle-100: #f0e4e8;
--color-kellie-belle-200: #dfd0d4;
--color-kellie-belle-300: #c4b2b8;
--color-kellie-belle-400: #ad989f;
--color-kellie-belle-500: #967f87;
--color-kellie-belle-600: #7f6b72;
--color-kellie-belle-700: #66565b;
--color-kellie-belle-800: #4a3f43;
--color-kellie-belle-900: #342b2e;
--color-kellie-belle-950: #1f181b;
}SCSS
$kellie-belle: #dec7cf;
$kellie-belle-rgb: 222, 199, 207;
$kellie-belle-light: mix(#fff, $kellie-belle, 20%);
$kellie-belle-dark: mix(#000, $kellie-belle, 20%);
.element {
color: $kellie-belle;
box-shadow: 0 0 0 2px rgba($kellie-belle, 0.35);
}