Nächste benannte Farbe · #EE6CB9
#EE6CB9
Nächste benannte Farbe: Kisses
#EE6CB9 (rgb(238 108 185), hsl(324 79% 68%), oklch(0.711 0.181 346.1)) liegt am nächsten an der benannten Farbe Kisses. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#EE6CB9
oklch(0.711 0.181 346.1)
Farbumrechnungen
- HEX
- #ee6cb9
- RGB
- rgb(238 108 185)
- HSL
- hsl(324 79% 68%)
- HWB
- hwb(324 42% 7%)
- OKLCH
- oklch(0.711 0.181 346.1)
- OKLab
- oklab(0.711 0.176 -0.043)
- CIE Lab
- lab(63.93 57.17 -15.67)
- LCH
- lch(63.93 59.28 344.7)
- CMYK
- cmyk(0% 55% 22% 7%)
Tints · Shades · Tones
Tints
- F27CC0
- F58CC7
- F79BCE
- FAA9D5
- FCB8DC
- FDC6E3
- FED4EA
- FFE3F1
- FFF1F8
Shades
- CF5DA0
- B14E89
- 934071
- 77325B
- 5C2546
- 421931
- 2A0D1E
- 14040D
- 030002
Tones
- E470B3
- D973AD
- CF76A8
- C478A2
- B97A9C
- AE7C97
- A37D91
- 987E8B
- 8C7F86
Farbharmonien
Komplementär +180°
- EE6CB9
Kisses
- 00BE8C
≈ Cōng Lǜ Green
Analog -30° +30°
- EE6CB9
Kisses
- CD79EC
≈ Fake Love
- FE697A
≈ Kisses and Hugs
Triadisch +120° +240°
- EE6CB9
Kisses
- AFA600
≈ Honey and Thyme
- 00B2E2
≈ Blue Atoll
Geteilt komplementär +150° +210°
- EE6CB9
Kisses
- 69BA39
≈ Jubilant Meadow
- 00B8BA
≈ Swagger
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.80:1 · APCA Lc 53
Ag
AAAAuf Schwarz
WCAG 7.48:1 · APCA Lc 48
Beste Textfarbe: #000000
WCAG 7.48:1 (AAA) · APCA Lc 48
Contrast pairs
Code-Snippets
CSS
:root {
--kisses: #ee6cb9;
--kisses-rgb: 238 108 185;
--kisses-oklch: oklch(0.711 0.181 346.1);
}
.element {
color: var(--kisses);
background-color: hsl(324 79% 68%);
border-color: oklch(0.711 0.181 346.1);
}Tailwind CSS v4
@theme {
--color-kisses: #ee6cb9;
--color-kisses-50: #ffe1fe;
--color-kisses-100: #ffd0f2;
--color-kisses-200: #ffb4e2;
--color-kisses-300: #fa8fc7;
--color-kisses-400: #e76cb5;
--color-kisses-500: #d4469f;
--color-kisses-600: #b33d86;
--color-kisses-700: #90306c;
--color-kisses-800: #6b2251;
--color-kisses-900: #4b1739;
--color-kisses-950: #310723;
}SCSS
$kisses: #ee6cb9;
$kisses-rgb: 238, 108, 185;
$kisses-light: mix(#fff, $kisses, 20%);
$kisses-dark: mix(#000, $kisses, 20%);
.element {
color: $kisses;
box-shadow: 0 0 0 2px rgba($kisses, 0.35);
}