Nächste benannte Farbe · #DE807E
#DE807E
Nächste benannte Farbe: Babe
#DE807E (rgb(222 128 126), hsl(1 59% 68%), oklch(0.701 0.117 21.8)) liegt am nächsten an der benannten Farbe Babe. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#DE807E
oklch(0.701 0.117 21.8)
Farbumrechnungen
- HEX
- #de807e
- RGB
- rgb(222 128 126)
- HSL
- hsl(1 59% 68%)
- HWB
- hwb(1 49% 13%)
- OKLCH
- oklch(0.701 0.117 21.8)
- OKLab
- oklab(0.701 0.108 0.043)
- CIE Lab
- lab(64.15 36.95 17.77)
- LCH
- lch(64.15 41 25.7)
- CMYK
- cmyk(0% 42% 43% 13%)
Tints · Shades · Tones
Tints
- E38D8A
- E79A97
- EBA6A3
- EFB3B0
- F2C0BD
- F5CCCA
- F8D9D7
- FBE6E4
- FDF2F2
Shades
- C16E6D
- A55D5C
- 894D4C
- 6F3D3C
- 552E2D
- 3D1F1F
- 261211
- 120605
- 020101
Tones
- D5817E
- CC817F
- C3817F
- BA827F
- B0827F
- A78280
- 9E8180
- 948180
- 8A8180
Farbharmonien
Komplementär +180°
- DE807E
Babe
- 14B4BD
≈ Marrakech Mile
Analog -30° +30°
- DE807E
Babe
- D67FA7
≈ Wild Orchid
- D88957
≈ Bright Sienna
Triadisch +120° +240°
- DE807E
Babe
- 74B16C
≈ Stalk
- 769EE7
≈ Greek Sea
Geteilt komplementär +150° +210°
- DE807E
Babe
- 3DB696
≈ Green Blue
- 43ABDA
≈ Thalassophile
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.80:1 · APCA Lc 54
Ag
AAAAuf Schwarz
WCAG 7.49:1 · APCA Lc 48
Beste Textfarbe: #000000
WCAG 7.49:1 (AAA) · APCA Lc 48
Contrast pairs
Code-Snippets
CSS
:root {
--babe: #de807e;
--babe-rgb: 222 128 126;
--babe-oklch: oklch(0.701 0.117 21.8);
}
.element {
color: var(--babe);
background-color: hsl(1 59% 68%);
border-color: oklch(0.701 0.117 21.8);
}Tailwind CSS v4
@theme {
--color-babe: #de807e;
--color-babe-50: #ffe9e5;
--color-babe-100: #ffdad5;
--color-babe-200: #ffc1bc;
--color-babe-300: #eda09b;
--color-babe-400: #db827f;
--color-babe-500: #c86363;
--color-babe-600: #a95554;
--color-babe-700: #884343;
--color-babe-800: #653031;
--color-babe-900: #472122;
--color-babe-950: #2e1011;
}SCSS
$babe: #de807e;
$babe-rgb: 222, 128, 126;
$babe-light: mix(#fff, $babe, 20%);
$babe-dark: mix(#000, $babe, 20%);
.element {
color: $babe;
box-shadow: 0 0 0 2px rgba($babe, 0.35);
}