Nearest named color · #ED7694
#ED7694
Nearest named color: Embarrassed
#ED7694 (rgb(237 118 148), hsl(345 77% 70%), oklch(0.711 0.149 5.7)) is closest to the named color Embarrassed. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#ED7694
oklch(0.711 0.149 5.7)
Color conversions
- HEX
- #ed7694
- RGB
- rgb(237 118 148)
- HSL
- hsl(345 77% 70%)
- HWB
- hwb(345 46% 7%)
- OKLCH
- oklch(0.711 0.149 5.7)
- OKLab
- oklab(0.711 0.148 0.015)
- CIE Lab
- lab(64.66 48.97 6.4)
- LCH
- lch(64.66 49.38 7.5)
- CMYK
- cmyk(0% 50% 38% 7%)
Tints · Shades · Tones
Tints
- F1859E
- F493A9
- F7A0B3
- F9AEBE
- FBBCC8
- FDC9D3
- FED7DE
- FFE4E9
- FFF2F4
Shades
- CE6680
- B0566D
- 93475A
- 773848
- 5C2936
- 421C26
- 2A0F16
- 140508
- 030101
Tones
- E37892
- D87A90
- CE7B8E
- C37D8C
- B97E8A
- AE7F88
- A37F86
- 978084
- 8C8082
Color harmonies
Complementary +180°
- ED7694
Embarrassed
- 00BAAD
≈ Turquoise Topaz
Analogous -30° +30°
- ED7694
Embarrassed
- DA7BC5
≈ Pink Punk
- EF7C5E
≈ Akakō Red
Triadic +120° +240°
- ED7694
Embarrassed
- 8BB23E
≈ Avocado Toast
- 42A9F8
≈ Adamantine Blue
Split-complementary +150° +210°
- ED7694
Embarrassed
- 3EBD79
≈ Esmeralda
- 00B5D3
≈ Ocean Sigh
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 2.75:1 · APCA Lc 53
Ag
AAAOn black
WCAG 7.61:1 · APCA Lc 49
Best text color: #000000
WCAG 7.61:1 (AAA) · APCA Lc 49
Contrast pairs
Code snippets
CSS
:root {
--embarrassed: #ed7694;
--embarrassed-rgb: 237 118 148;
--embarrassed-oklch: oklch(0.711 0.149 5.7);
}
.element {
color: var(--embarrassed);
background-color: hsl(345 77% 70%);
border-color: oklch(0.711 0.149 5.7);
}Tailwind CSS v4
@theme {
--color-embarrassed: #ed7694;
--color-embarrassed-50: #ffe4ed;
--color-embarrassed-100: #ffd4df;
--color-embarrassed-200: #ffbac8;
--color-embarrassed-300: #f896a9;
--color-embarrassed-400: #e67591;
--color-embarrassed-500: #d35378;
--color-embarrassed-600: #b34765;
--color-embarrassed-700: #903951;
--color-embarrassed-800: #6b283d;
--color-embarrassed-900: #4b1b2a;
--color-embarrassed-950: #310b17;
}SCSS
$embarrassed: #ed7694;
$embarrassed-rgb: 237, 118, 148;
$embarrassed-light: mix(#fff, $embarrassed, 20%);
$embarrassed-dark: mix(#000, $embarrassed, 20%);
.element {
color: $embarrassed;
box-shadow: 0 0 0 2px rgba($embarrassed, 0.35);
}