Benannte Farbe · #CEC3D2
Orchid Hush
Orchid Hush ist #CEC3D2: rgb(206 195 210), hsl(284 14% 79%), oklch(0.831 0.024 317.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Orchid Hush color name →
#CEC3D2
oklch(0.831 0.024 317.1)
Farbumrechnungen
- HEX
- #cec3d2
- RGB
- rgb(206 195 210)
- HSL
- hsl(284 14% 79%)
- HWB
- hwb(284 76% 18%)
- OKLCH
- oklch(0.831 0.024 317.1)
- OKLab
- oklab(0.831 0.017 -0.016)
- CIE Lab
- lab(80.05 6.01 -6.07)
- LCH
- lch(80.05 8.55 314.7)
- CMYK
- cmyk(2% 7% 0% 18%)
Tints · Shades · Tones
Tints
- D3C9D6
- D8CFDB
- DDD5DF
- E1DBE4
- E6E1E8
- EBE7ED
- F0EDF1
- F5F3F6
- FAF9FA
Shades
- B3A9B6
- 98909B
- 7F7881
- 666068
- 4E4A50
- 383439
- 232024
- 0F0E10
- 020202
Tones
- C6BCC9
- BEB5C1
- B6AEB9
- AEA8B0
- A6A1A8
- 9E9AA0
- 979498
- 8F8D90
- 878688
Farbharmonien
Komplementär +180°
- CEC3D2
Orchid Hush
- C0CBBC
≈ Desert Panzer
Analog -30° +30°
- CEC3D2
Orchid Hush
- C6C6D7
≈ Amourette
- D4C2CA
≈ Bassinet
Triadisch +120° +240°
- CEC3D2
Orchid Hush
- D0C6B7
≈ Lover’s Hideaway
- B7CDCD
≈ Turquoise Grey
Geteilt komplementär +150° +210°
- CEC3D2
Orchid Hush
- C9C9B7
≈ French Grey Linen
- BACDC4
≈ Antiqued Aqua
Tetradisch +90° +180° +270°
- CEC3D2
Orchid Hush
- D5C3BB
≈ New Wool
- C0CBBC
≈ Desert Panzer
- B8CBD4
≈ Happy-Go-Lucky
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.69:1 · APCA Lc 30
Ag
AAAAuf Schwarz
WCAG 12.36:1 · APCA Lc 72
Beste Textfarbe: #000000
WCAG 12.36:1 (AAA) · APCA Lc 72
Contrast pairs
Code-Snippets
CSS
:root {
--orchid-hush: #cec3d2;
--orchid-hush-rgb: 206 195 210;
--orchid-hush-oklch: oklch(0.831 0.024 317.1);
}
.element {
color: var(--orchid-hush);
background-color: hsl(284 14% 79%);
border-color: oklch(0.831 0.024 317.1);
}Tailwind CSS v4
@theme {
--color-orchid-hush: #cec3d2;
--color-orchid-hush-50: #f8f3fa;
--color-orchid-hush-100: #ebe5ed;
--color-orchid-hush-200: #d9d1db;
--color-orchid-hush-300: #bdb4bf;
--color-orchid-hush-400: #a49aa8;
--color-orchid-hush-500: #8d8291;
--color-orchid-hush-600: #776e7b;
--color-orchid-hush-700: #5f5862;
--color-orchid-hush-800: #464048;
--color-orchid-hush-900: #302c32;
--color-orchid-hush-950: #1c191e;
}SCSS
$orchid-hush: #cec3d2;
$orchid-hush-rgb: 206, 195, 210;
$orchid-hush-light: mix(#fff, $orchid-hush, 20%);
$orchid-hush-dark: mix(#000, $orchid-hush, 20%);
.element {
color: $orchid-hush;
box-shadow: 0 0 0 2px rgba($orchid-hush, 0.35);
}