Nächste benannte Farbe · #CE7186
#CE7186
Nächste benannte Farbe: First Love
#CE7186 (rgb(206 113 134), hsl(346 49% 63%), oklch(0.659 0.119 6.4)) liegt am nächsten an der benannten Farbe First Love. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#CE7186
oklch(0.659 0.119 6.4)
Farbumrechnungen
- HEX
- #ce7186
- RGB
- rgb(206 113 134)
- HSL
- hsl(346 49% 63%)
- HWB
- hwb(346 44% 19%)
- OKLCH
- oklch(0.659 0.119 6.4)
- OKLab
- oklab(0.659 0.118 0.013)
- CIE Lab
- lab(58.99 39.07 5.67)
- LCH
- lch(58.99 39.48 8.3)
- CMYK
- cmyk(0% 45% 35% 19%)
Tints · Shades · Tones
Tints
- D47F91
- DA8D9D
- E09CA9
- E5AAB5
- EAB8C1
- EFC6CD
- F3D4D9
- F8E2E6
- FBF1F2
Shades
- B36174
- 985262
- 7F4351
- 663540
- 4E2730
- 381A21
- 230E13
- 0F0406
- 020101
Tones
- C77385
- BF7585
- B87784
- B17984
- A97A83
- A17C82
- 997D82
- 917E81
- 897F81
Farbharmonien
Komplementär +180°
- CE7186
First Love
- 00A89D
≈ Tropical Hideaway
Analog -30° +30°
- CE7186
First Love
- BF74AD
≈ Crocus
- CF765D
≈ Terra Orange
Triadisch +120° +240°
- CE7186
First Love
- 7F9F4A
≈ Serene Sage
- 4E98D6
≈ Blue Tourmaline
Geteilt komplementär +150° +210°
- CE7186
First Love
- 4AA773
≈ Sēn Lín Lǜ Forest
- 00A3C0
≈ Scuba Blue
Tetradisch +90° +180° +270°
- CE7186
First Love
- A7912D
≈ Shimmering Glade
- 00A89D
≈ Tropical Hideaway
- 7F8ADA
≈ Tanzine
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.31:1 · APCA Lc 60
Ag
AAAuf Schwarz
WCAG 6.33:1 · APCA Lc 41
Beste Textfarbe: #000000
WCAG 6.33:1 (AA) · APCA Lc 41
Contrast pairs
Code-Snippets
CSS
:root {
--first-love: #ce7186;
--first-love-rgb: 206 113 134;
--first-love-oklch: oklch(0.659 0.119 6.4);
}
.element {
color: var(--first-love);
background-color: hsl(346 49% 63%);
border-color: oklch(0.659 0.119 6.4);
}Tailwind CSS v4
@theme {
--color-first-love: #ce7186;
--color-first-love-50: #ffe8ee;
--color-first-love-100: #ffd8e0;
--color-first-love-200: #ffc0ca;
--color-first-love-300: #ed9eab;
--color-first-love-400: #d98093;
--color-first-love-500: #c66179;
--color-first-love-600: #a75367;
--color-first-love-700: #864252;
--color-first-love-800: #642f3d;
--color-first-love-900: #46202a;
--color-first-love-950: #2d0f18;
}SCSS
$first-love: #ce7186;
$first-love-rgb: 206, 113, 134;
$first-love-light: mix(#fff, $first-love, 20%);
$first-love-dark: mix(#000, $first-love, 20%);
.element {
color: $first-love;
box-shadow: 0 0 0 2px rgba($first-love, 0.35);
}