Nazwany kolor · #EE888B
Flamingo Dream
Flamingo Dream to #EE888B: rgb(238 136 139), hsl(358 75% 73%), oklch(0.737 0.125 18.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Flamingo Dream color name →
#EE888B
oklch(0.737 0.125 18.7)
Konwersje koloru
- HEX
- #ee888b
- RGB
- rgb(238 136 139)
- HSL
- hsl(358 75% 73%)
- HWB
- hwb(358 53% 7%)
- OKLCH
- oklch(0.737 0.125 18.7)
- OKLab
- oklab(0.737 0.118 0.04)
- CIE Lab
- lab(68.2 40 16.4)
- LCH
- lch(68.2 43.24 22.3)
- CMYK
- cmyk(0% 43% 42% 7%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F19496
- F4A0A1
- F6ACAD
- F8B8B8
- FAC4C4
- FCD0CF
- FDDCDB
- FEE7E7
- FFF3F3
Odcienie ciemniejsze
- CF7578
- B16366
- 935254
- 774143
- 5C3132
- 422223
- 2A1314
- 140607
- 030101
Tony
- E3888A
- D98889
- CE8788
- C38687
- B88686
- AD8585
- A28484
- 978382
- 8C8181
Harmonie kolorów
Komplementarna +180°
- EE888B
Flamingo Dream
- 07C1C7
≈ Cala Benirrás Blue
Analogowa -30° +30°
- EE888B
Flamingo Dream
- E488B7
≈ Tempting Pink
- E99160
≈ Big Foot Feet
Triada +120° +240°
- EE888B
Flamingo Dream
- 81BD6E
≈ Primo
- 79ABF8
≈ Fennel Flower
Komplementarna rozszczepiona +150° +210°
- EE888B
Flamingo Dream
- 46C39C
≈ Macau
- 40B8E8
≈ Blue Bikini
Tetrada +90° +180° +270°
- EE888B
Flamingo Dream
- B1B04A
≈ Delaunay Green
- 07C1C7
≈ Cala Benirrás Blue
- A79CF4
≈ Dull Lavender
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.46:1 · APCA Lc 48
Ag
AAANa czerni
WCAG 8.52:1 · APCA Lc 54
Najlepszy kolor tekstu: #000000
WCAG 8.52:1 (AAA) · APCA Lc 54
Contrast pairs
Fragmenty kodu
CSS
:root {
--flamingo-dream: #ee888b;
--flamingo-dream-rgb: 238 136 139;
--flamingo-dream-oklch: oklch(0.737 0.125 18.7);
}
.element {
color: var(--flamingo-dream);
background-color: hsl(358 75% 73%);
border-color: oklch(0.737 0.125 18.7);
}Tailwind CSS v4
@theme {
--color-flamingo-dream: #ee888b;
--color-flamingo-dream-50: #ffe8e6;
--color-flamingo-dream-100: #ffd8d6;
--color-flamingo-dream-200: #ffc0be;
--color-flamingo-dream-300: #f19e9c;
--color-flamingo-dream-400: #de7f81;
--color-flamingo-dream-500: #cb6065;
--color-flamingo-dream-600: #ac5156;
--color-flamingo-dream-700: #8a4144;
--color-flamingo-dream-800: #672e33;
--color-flamingo-dream-900: #481f23;
--color-flamingo-dream-950: #2f0f12;
}SCSS
$flamingo-dream: #ee888b;
$flamingo-dream-rgb: 238, 136, 139;
$flamingo-dream-light: mix(#fff, $flamingo-dream, 20%);
$flamingo-dream-dark: mix(#000, $flamingo-dream, 20%);
.element {
color: $flamingo-dream;
box-shadow: 0 0 0 2px rgba($flamingo-dream, 0.35);
}