Benannte Farbe · #CEBDB4
Smokey Pink
Smokey Pink ist #CEBDB4: rgb(206 189 180), hsl(21 21% 76%), oklch(0.81 0.023 49.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Smokey Pink color name →
#CEBDB4
oklch(0.81 0.023 49.9)
Farbumrechnungen
- HEX
- #cebdb4
- RGB
- rgb(206 189 180)
- HSL
- hsl(21 21% 76%)
- HWB
- hwb(21 71% 19%)
- OKLCH
- oklch(0.81 0.023 49.9)
- OKLab
- oklab(0.81 0.015 0.018)
- CIE Lab
- lab(77.86 5.1 6.85)
- LCH
- lch(77.86 8.54 53.4)
- CMYK
- cmyk(0% 8% 13% 19%)
Tints · Shades · Tones
Tints
- D3C3BB
- D8CAC3
- DDD0CA
- E1D7D1
- E6DED9
- EBE4E0
- F0EBE8
- F5F2F0
- FAF8F7
Shades
- B3A49C
- 988C85
- 7F746E
- 665D58
- 4E4744
- 383330
- 231F1D
- 0F0D0C
- 020202
Tones
- C6B7AF
- BEB0A9
- B6AAA4
- AEA49F
- A69E9A
- 9E9894
- 97928F
- 8F8C8A
- 888685
Farbharmonien
Komplementär +180°
- CEBDB4
Smokey Pink
- B3C4CD
≈ Blue Luna
Analog -30° +30°
- CEBDB4
Smokey Pink
- D0BBBB
≈ Mediterranean Sunset
- C9C0B1
≈ Malibu Beige
Triadisch +120° +240°
- CEBDB4
Smokey Pink
- B3C6BE
≈ Fresh Tone
- C0BFCF
≈ Gentleman’s Suit
Geteilt komplementär +150° +210°
- CEBDB4
Smokey Pink
- B1C6C7
≈ Blue Agave
- B8C2D0
≈ Pageant Song
Tetradisch +90° +180° +270°
- CEBDB4
Smokey Pink
- B9C5B7
≈ Median Green
- B3C4CD
≈ Blue Luna
- C8BCCA
≈ My Mona
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.81:1 · APCA Lc 34
Ag
AAAAuf Schwarz
WCAG 11.56:1 · APCA Lc 69
Beste Textfarbe: #000000
WCAG 11.56:1 (AAA) · APCA Lc 69
Contrast pairs
Code-Snippets
CSS
:root {
--smokey-pink: #cebdb4;
--smokey-pink-rgb: 206 189 180;
--smokey-pink-oklch: oklch(0.81 0.023 49.9);
}
.element {
color: var(--smokey-pink);
background-color: hsl(21 21% 76%);
border-color: oklch(0.81 0.023 49.9);
}Tailwind CSS v4
@theme {
--color-smokey-pink: #cebdb4;
--color-smokey-pink-50: #fbf3ef;
--color-smokey-pink-100: #efe6e1;
--color-smokey-pink-200: #ddd2cb;
--color-smokey-pink-300: #c2b4ad;
--color-smokey-pink-400: #aa9b93;
--color-smokey-pink-500: #938279;
--color-smokey-pink-600: #7d6e66;
--color-smokey-pink-700: #645852;
--color-smokey-pink-800: #49403c;
--color-smokey-pink-900: #332c29;
--color-smokey-pink-950: #1f1917;
}SCSS
$smokey-pink: #cebdb4;
$smokey-pink-rgb: 206, 189, 180;
$smokey-pink-light: mix(#fff, $smokey-pink, 20%);
$smokey-pink-dark: mix(#000, $smokey-pink, 20%);
.element {
color: $smokey-pink;
box-shadow: 0 0 0 2px rgba($smokey-pink, 0.35);
}