Benannte Farbe · #E0ADC4
Roseate Spoonbill
Roseate Spoonbill ist #E0ADC4: rgb(224 173 196), hsl(333 45% 78%), oklch(0.801 0.066 349.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Pink mean? → · Roseate Spoonbill color name →
#E0ADC4
oklch(0.801 0.066 349.9)
Farbumrechnungen
- HEX
- #e0adc4
- RGB
- rgb(224 173 196)
- HSL
- hsl(333 45% 78%)
- HWB
- hwb(333 68% 12%)
- OKLCH
- oklch(0.801 0.066 349.9)
- OKLab
- oklab(0.801 0.065 -0.012)
- CIE Lab
- lab(76 21.83 -4.19)
- LCH
- lch(76 22.23 349.1)
- CMYK
- cmyk(0% 23% 12% 12%)
Tints · Shades · Tones
Tints
- E3B5CA
- E7BDD0
- EAC5D5
- EDCDDB
- F0D6E1
- F3DEE7
- F6E6ED
- F9EEF3
- FCF7F9
Shades
- C396AA
- A67F91
- 8A6A78
- 705561
- 56414A
- 3E2D35
- 271B21
- 120B0E
- 020102
Tones
- D6A8BD
- CCA4B6
- C39FAF
- B99BA8
- AF96A1
- A6929B
- 9C8D94
- 93898D
- 898487
Farbharmonien
Komplementär +180°
- E0ADC4
Roseate Spoonbill
- 93CCB7
≈ Mint Ice Cream
Analog -30° +30°
- E0ADC4
Roseate Spoonbill
- D1B1D9
≈ Sea Lavender
- E6ADAC
≈ Chewing Gum
Triadisch +120° +240°
- E0ADC4
Roseate Spoonbill
- C0C291
≈ Brimstone Butterfly
- 92C7E1
≈ Caribbean Coast
Geteilt komplementär +150° +210°
- E0ADC4
Roseate Spoonbill
- A8C9A0
≈ Limestoned
- 8ACBCF
≈ White Ultramarine
Tetradisch +90° +180° +270°
- E0ADC4
Roseate Spoonbill
- D5BA8E
≈ Buckskin
- 93CCB7
≈ Mint Ice Cream
- A5BFE9
≈ Sky High
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.91:1 · APCA Lc 37
Ag
AAAAuf Schwarz
WCAG 10.94:1 · APCA Lc 66
Beste Textfarbe: #000000
WCAG 10.94:1 (AAA) · APCA Lc 66
Contrast pairs
Code-Snippets
CSS
:root {
--roseate-spoonbill: #e0adc4;
--roseate-spoonbill-rgb: 224 173 196;
--roseate-spoonbill-oklch: oklch(0.801 0.066 349.9);
}
.element {
color: var(--roseate-spoonbill);
background-color: hsl(333 45% 78%);
border-color: oklch(0.801 0.066 349.9);
}Tailwind CSS v4
@theme {
--color-roseate-spoonbill: #e0adc4;
--color-roseate-spoonbill-50: #ffeef7;
--color-roseate-spoonbill-100: #fbdfea;
--color-roseate-spoonbill-200: #ecc9d7;
--color-roseate-spoonbill-300: #d3aabb;
--color-roseate-spoonbill-400: #bd8fa4;
--color-roseate-spoonbill-500: #a8748c;
--color-roseate-spoonbill-600: #8e6277;
--color-roseate-spoonbill-700: #724f5f;
--color-roseate-spoonbill-800: #543946;
--color-roseate-spoonbill-900: #3a2731;
--color-roseate-spoonbill-950: #24151d;
}SCSS
$roseate-spoonbill: #e0adc4;
$roseate-spoonbill-rgb: 224, 173, 196;
$roseate-spoonbill-light: mix(#fff, $roseate-spoonbill, 20%);
$roseate-spoonbill-dark: mix(#000, $roseate-spoonbill, 20%);
.element {
color: $roseate-spoonbill;
box-shadow: 0 0 0 2px rgba($roseate-spoonbill, 0.35);
}