Dichtstbijzijnde benoemde kleur · #E672BA
#E672BA
Dichtstbijzijnde benoemde kleur: Fugitive Flamingo
#E672BA (rgb(230 114 186), hsl(323 70% 67%), oklch(0.708 0.165 344.1)) komt het dichtst bij de benoemde kleur Fugitive Flamingo. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#E672BA
oklch(0.708 0.165 344.1)
Kleurconversies
- HEX
- #e672ba
- RGB
- rgb(230 114 186)
- HSL
- hsl(323 70% 67%)
- HWB
- hwb(323 45% 10%)
- OKLCH
- oklch(0.708 0.165 344.1)
- OKLab
- oklab(0.708 0.159 -0.045)
- CIE Lab
- lab(63.87 52.01 -16.47)
- LCH
- lch(63.87 54.56 342.4)
- CMYK
- cmyk(0% 50% 19% 10%)
Tinten · Schaduwen · Tonen
Tinten
- EA81C1
- EE90C8
- F19ECF
- F4ACD6
- F7BADC
- F9C8E3
- FBD6EA
- FDE3F1
- FEF1F8
Schaduwen
- C862A1
- AB5389
- 8E4472
- 73365C
- 592846
- 401B32
- 280E1E
- 13040D
- 030102
Tonen
- DC75B4
- D377AE
- C979A8
- BF7BA3
- B57C9D
- AB7D97
- A07E91
- 967F8B
- 8B8086
Kleurharmonieën
Complementair +180°
- E672BA
Fugitive Flamingo
- 00BE87
≈ Cōng Lǜ Green
Analoog -30° +30°
- E672BA
Fugitive Flamingo
- C67EE8
≈ Lavender Perceptions
- F66F81
≈ Strawberry Pink
Triadisch +120° +240°
- E672BA
Fugitive Flamingo
- B1A400
≈ Snakebite Leather
- 00B2DE
≈ Blue Atoll
Gesplitst complementair +150° +210°
- E672BA
Fugitive Flamingo
- 74B641
≈ Nasty Green
- 00B8B7
≈ Swagger
Tetradisch +90° +180° +270°
- E672BA
Fugitive Flamingo
- D89000
≈ Harvest Eve Gold
- 00BE87
≈ Cōng Lǜ Green
- 56A3FF
≈ Âbi Blue
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 2.80:1 · APCA Lc 54
Ag
AAAOp zwart
WCAG 7.48:1 · APCA Lc 48
Beste tekstkleur: #000000
WCAG 7.48:1 (AAA) · APCA Lc 48
Contrast pairs
Codefragmenten
CSS
:root {
--fugitive-flamingo: #e672ba;
--fugitive-flamingo-rgb: 230 114 186;
--fugitive-flamingo-oklch: oklch(0.708 0.165 344.1);
}
.element {
color: var(--fugitive-flamingo);
background-color: hsl(323 70% 67%);
border-color: oklch(0.708 0.165 344.1);
}Tailwind CSS v4
@theme {
--color-fugitive-flamingo: #e672ba;
--color-fugitive-flamingo-50: #ffe3ff;
--color-fugitive-flamingo-100: #ffd2f4;
--color-fugitive-flamingo-200: #ffb8e3;
--color-fugitive-flamingo-300: #f493c9;
--color-fugitive-flamingo-400: #e072b6;
--color-fugitive-flamingo-500: #cd4fa1;
--color-fugitive-flamingo-600: #ad4488;
--color-fugitive-flamingo-700: #8b366d;
--color-fugitive-flamingo-800: #672752;
--color-fugitive-flamingo-900: #481a39;
--color-fugitive-flamingo-950: #2f0a23;
}SCSS
$fugitive-flamingo: #e672ba;
$fugitive-flamingo-rgb: 230, 114, 186;
$fugitive-flamingo-light: mix(#fff, $fugitive-flamingo, 20%);
$fugitive-flamingo-dark: mix(#000, $fugitive-flamingo, 20%);
.element {
color: $fugitive-flamingo;
box-shadow: 0 0 0 2px rgba($fugitive-flamingo, 0.35);
}