Dichtstbijzijnde benoemde kleur · #E4799A
#E4799A
Dichtstbijzijnde benoemde kleur: Embarrassed
#E4799A (rgb(228 121 154), hsl(341 66% 68%), oklch(0.705 0.136 1.5)) komt het dichtst bij de benoemde kleur Embarrassed. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#E4799A
oklch(0.705 0.136 1.5)
Kleurconversies
- HEX
- #e4799a
- RGB
- rgb(228 121 154)
- HSL
- hsl(341 66% 68%)
- HWB
- hwb(341 47% 11%)
- OKLCH
- oklch(0.705 0.136 1.5)
- OKLab
- oklab(0.705 0.136 0.004)
- CIE Lab
- lab(64.1 44.9 1.99)
- LCH
- lch(64.1 44.94 2.5)
- CMYK
- cmyk(0% 47% 32% 11%)
Tinten · Schaduwen · Tonen
Tinten
- E887A4
- EC94AD
- F0A2B7
- F3AFC1
- F6BDCB
- F8CAD5
- FBD7E0
- FCE4EA
- FEF2F4
Schaduwen
- C66885
- A95871
- 8D485E
- 72394B
- 582B39
- 3F1D27
- 281017
- 120509
- 030101
Tonen
- DA7B97
- D17C95
- C77D92
- BE7E8F
- B47F8D
- AA7F8A
- A08088
- 958085
- 8B8083
Kleurharmonieën
Complementair +180°
- E4799A
Embarrassed
- 00B9A5
≈ Verditer
Analoog -30° +30°
- E4799A
Embarrassed
- D07EC6
≈ Purple Kush
- E87D69
≈ Cosmic Coral
Triadisch +120° +240°
- E4799A
Embarrassed
- 93AD42
≈ Googolplex
- 42A9ED
≈ Cerulean
Gesplitst complementair +150° +210°
- E4799A
Embarrassed
- 55B874
≈ Lawn Party
- 00B4CC
≈ Antigua Blue
Tetradisch +90° +180° +270°
- E4799A
Embarrassed
- BF9C1F
≈ Rapeseed
- 00B9A5
≈ Verditer
- 8299F5
≈ Periwinkle Blue
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 2.79:1 · APCA Lc 54
Ag
AAAOp zwart
WCAG 7.50:1 · APCA Lc 48
Beste tekstkleur: #000000
WCAG 7.50:1 (AAA) · APCA Lc 48
Contrast pairs
Codefragmenten
CSS
:root {
--embarrassed: #e4799a;
--embarrassed-rgb: 228 121 154;
--embarrassed-oklch: oklch(0.705 0.136 1.5);
}
.element {
color: var(--embarrassed);
background-color: hsl(341 66% 68%);
border-color: oklch(0.705 0.136 1.5);
}Tailwind CSS v4
@theme {
--color-embarrassed: #e4799a;
--color-embarrassed-50: #ffe6f1;
--color-embarrassed-100: #ffd6e3;
--color-embarrassed-200: #ffbcce;
--color-embarrassed-300: #f299b0;
--color-embarrassed-400: #df7a99;
--color-embarrassed-500: #cc5a80;
--color-embarrassed-600: #ad4d6c;
--color-embarrassed-700: #8b3d56;
--color-embarrassed-800: #672b41;
--color-embarrassed-900: #481d2d;
--color-embarrassed-950: #2f0d1a;
}SCSS
$embarrassed: #e4799a;
$embarrassed-rgb: 228, 121, 154;
$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);
}