Benannte Farbe · #E58F7C
Nude Flamingo
Nude Flamingo ist #E58F7C: rgb(229 143 124), hsl(11 67% 69%), oklch(0.734 0.109 33.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Nude Flamingo color name →
#E58F7C
oklch(0.734 0.109 33.2)
Farbumrechnungen
- HEX
- #e58f7c
- RGB
- rgb(229 143 124)
- HSL
- hsl(11 67% 69%)
- HWB
- hwb(11 49% 10%)
- OKLCH
- oklch(0.734 0.109 33.2)
- OKLab
- oklab(0.734 0.091 0.06)
- CIE Lab
- lab(68.28 31.99 24.57)
- LCH
- lch(68.28 40.33 37.5)
- CMYK
- cmyk(0% 38% 46% 10%)
Tints · Shades · Tones
Tints
- E99A89
- ECA696
- EFB1A3
- F2BCB0
- F5C7BD
- F7D2CA
- FADDD7
- FCE9E4
- FDF4F2
Shades
- C77C6B
- AA695A
- 8E574A
- 72453B
- 58342C
- 3F241E
- 281511
- 120705
- 030101
Tones
- DB8E7D
- D18D7D
- C78B7E
- BD8A7E
- B3897F
- A9877F
- 9F8580
- 958480
- 8B8280
Farbharmonien
Komplementär +180°
- E58F7C
Nude Flamingo
- 43BBD2
≈ Bachelor Button
Analog -30° +30°
- E58F7C
Nude Flamingo
- E28BA2
≈ Underwater Flare
- D9995D
≈ Apple Cider
Triadisch +120° +240°
- E58F7C
Nude Flamingo
- 70BD88
≈ Jade Stone Green
- 93A4EE
≈ Cold Lips
Geteilt komplementär +150° +210°
- E58F7C
Nude Flamingo
- 47BFB0
≈ Emerald Bliss
- 68B1E8
≈ Sanctuary Spa
Tetradisch +90° +180° +270°
- E58F7C
Nude Flamingo
- 9CB465
≈ Light Birch Green
- 43BBD2
≈ Bachelor Button
- B798E2
≈ Dreamy Candy Forest
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.45:1 · APCA Lc 48
Ag
AAAAuf Schwarz
WCAG 8.55:1 · APCA Lc 54
Beste Textfarbe: #000000
WCAG 8.55:1 (AAA) · APCA Lc 54
Contrast pairs
Code-Snippets
CSS
:root {
--nude-flamingo: #e58f7c;
--nude-flamingo-rgb: 229 143 124;
--nude-flamingo-oklch: oklch(0.734 0.109 33.2);
}
.element {
color: var(--nude-flamingo);
background-color: hsl(11 67% 69%);
border-color: oklch(0.734 0.109 33.2);
}Tailwind CSS v4
@theme {
--color-nude-flamingo: #e58f7c;
--color-nude-flamingo-50: #ffebe0;
--color-nude-flamingo-100: #ffdcd0;
--color-nude-flamingo-200: #ffc4b5;
--color-nude-flamingo-300: #e9a492;
--color-nude-flamingo-400: #d78674;
--color-nude-flamingo-500: #c36955;
--color-nude-flamingo-600: #a55949;
--color-nude-flamingo-700: #85473a;
--color-nude-flamingo-800: #63332a;
--color-nude-flamingo-900: #45231c;
--color-nude-flamingo-950: #2d110d;
}SCSS
$nude-flamingo: #e58f7c;
$nude-flamingo-rgb: 229, 143, 124;
$nude-flamingo-light: mix(#fff, $nude-flamingo, 20%);
$nude-flamingo-dark: mix(#000, $nude-flamingo, 20%);
.element {
color: $nude-flamingo;
box-shadow: 0 0 0 2px rgba($nude-flamingo, 0.35);
}