Benannte Farbe · #E8D2E3
Sonora Rose
Sonora Rose ist #E8D2E3: rgb(232 210 227), hsl(314 32% 87%), oklch(0.887 0.033 333.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Sonora Rose color name →
#E8D2E3
oklch(0.887 0.033 333.6)
Farbumrechnungen
- HEX
- #e8d2e3
- RGB
- rgb(232 210 227)
- HSL
- hsl(314 32% 87%)
- HWB
- hwb(314 82% 9%)
- OKLCH
- oklch(0.887 0.033 333.6)
- OKLab
- oklab(0.887 0.03 -0.015)
- CIE Lab
- lab(86.41 10.07 -5.48)
- LCH
- lch(86.41 11.47 331.4)
- CMYK
- cmyk(0% 9% 2% 9%)
Tints · Shades · Tones
Tints
- EAD6E6
- EDDBE9
- EFDFEB
- F1E4EE
- F4E8F1
- F6EDF4
- F8F1F7
- FAF6F9
- FDFAFC
Shades
- CAB6C5
- AC9BA8
- 90818C
- 746871
- 595057
- 40393F
- 292427
- 131012
- 030203
Tones
- DDC9D9
- D2C1CE
- C8B9C4
- BDB0BA
- B3A8B0
- A8A0A6
- 9E989D
- 949093
- 8A8889
Farbharmonien
Komplementär +180°
- E8D2E3
Sonora Rose
- CAE1D0
≈ Enchanted
Analog -30° +30°
- E8D2E3
Sonora Rose
- DED5EC
≈ Light Purity
- EED1D7
≈ Light Light Blush
Triadisch +120° +240°
- E8D2E3
Sonora Rose
- E1DAC2
≈ Grass Skirt
- C2E0E7
≈ Breeze in June
Geteilt komplementär +150° +210°
- E8D2E3
Sonora Rose
- D5DEC6
≈ Dream Seascape
- C3E1DC
≈ Sea Breath
Tetradisch +90° +180° +270°
- E8D2E3
Sonora Rose
- EAD6C4
≈ Mother of Pearl
- CAE1D0
≈ Enchanted
- C8DDEE
≈ Blue Booties
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.42:1 · APCA Lc 20
Ag
AAAAuf Schwarz
WCAG 14.75:1 · APCA Lc 83
Beste Textfarbe: #000000
WCAG 14.75:1 (AAA) · APCA Lc 83
Contrast pairs
Code-Snippets
CSS
:root {
--sonora-rose: #e8d2e3;
--sonora-rose-rgb: 232 210 227;
--sonora-rose-oklch: oklch(0.887 0.033 333.6);
}
.element {
color: var(--sonora-rose);
background-color: hsl(314 32% 87%);
border-color: oklch(0.887 0.033 333.6);
}Tailwind CSS v4
@theme {
--color-sonora-rose: #e8d2e3;
--color-sonora-rose-50: #fcf2f9;
--color-sonora-rose-100: #efe4ec;
--color-sonora-rose-200: #decfda;
--color-sonora-rose-300: #c3b1be;
--color-sonora-rose-400: #ab97a7;
--color-sonora-rose-500: #947e8f;
--color-sonora-rose-600: #7d6b79;
--color-sonora-rose-700: #645561;
--color-sonora-rose-800: #493e48;
--color-sonora-rose-900: #332b32;
--color-sonora-rose-950: #1f181e;
}SCSS
$sonora-rose: #e8d2e3;
$sonora-rose-rgb: 232, 210, 227;
$sonora-rose-light: mix(#fff, $sonora-rose, 20%);
$sonora-rose-dark: mix(#000, $sonora-rose, 20%);
.element {
color: $sonora-rose;
box-shadow: 0 0 0 2px rgba($sonora-rose, 0.35);
}