Nächste benannte Farbe · #E3CABC
#E3CABC
Nächste benannte Farbe: Humble Blush
#E3CABC (rgb(227 202 188), hsl(22 41% 81%), oklch(0.856 0.034 51.2)) liegt am nächsten an der benannten Farbe Humble Blush. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#E3CABC
oklch(0.856 0.034 51.2)
Farbumrechnungen
- HEX
- #e3cabc
- RGB
- rgb(227 202 188)
- HSL
- hsl(22 41% 81%)
- HWB
- hwb(22 74% 11%)
- OKLCH
- oklch(0.856 0.034 51.2)
- OKLab
- oklab(0.856 0.021 0.027)
- CIE Lab
- lab(83.17 7.42 10.39)
- LCH
- lch(83.17 12.76 54.5)
- CMYK
- cmyk(0% 11% 17% 11%)
Tints · Shades · Tones
Tints
- E6CFC3
- E9D4C9
- ECDAD0
- EEDFD6
- F1E4DD
- F4EAE4
- F7EFEB
- FAF4F1
- FCFAF8
Shades
- C5AFA3
- A8958B
- 8C7C73
- 71645D
- 574D47
- 3F3732
- 27221F
- 120F0D
- 030202
Tones
- D9C2B6
- CFBBB0
- C4B3AA
- BAACA4
- B0A49E
- A79D98
- 9D9692
- 938E8C
- 898786
Farbharmonien
Komplementär +180°
- E3CABC
Humble Blush
- BAD4E2
≈ Pale Aqua
Analog -30° +30°
- E3CABC
Humble Blush
- E6C7C6
≈ Girl Talk
- DBCEB7
≈ Light Raffia
Triadisch +120° +240°
- E3CABC
Humble Blush
- BAD7CD
≈ Serene Breeze
- CFCCE5
≈ Foggy Plateau
Geteilt komplementär +150° +210°
- E3CABC
Humble Blush
- B7D7D9
≈ Skylight
- C3D0E7
≈ Paper Elephant
Tetradisch +90° +180° +270°
- E3CABC
Humble Blush
- C4D6C1
≈ Apothecary Jar
- BAD4E2
≈ Pale Aqua
- DAC9DE
≈ Hampstead Heath
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.56:1 · APCA Lc 26
Ag
AAAAuf Schwarz
WCAG 13.44:1 · APCA Lc 77
Beste Textfarbe: #000000
WCAG 13.44:1 (AAA) · APCA Lc 77
Contrast pairs
Code-Snippets
CSS
:root {
--humble-blush: #e3cabc;
--humble-blush-rgb: 227 202 188;
--humble-blush-oklch: oklch(0.856 0.034 51.2);
}
.element {
color: var(--humble-blush);
background-color: hsl(22 41% 81%);
border-color: oklch(0.856 0.034 51.2);
}Tailwind CSS v4
@theme {
--color-humble-blush: #e3cabc;
--color-humble-blush-50: #fef3ec;
--color-humble-blush-100: #f2e5de;
--color-humble-blush-200: #e1d1c7;
--color-humble-blush-300: #c6b3a8;
--color-humble-blush-400: #b0998d;
--color-humble-blush-500: #998072;
--color-humble-blush-600: #826d61;
--color-humble-blush-700: #68574d;
--color-humble-blush-800: #4d3f38;
--color-humble-blush-900: #352b26;
--color-humble-blush-950: #201915;
}SCSS
$humble-blush: #e3cabc;
$humble-blush-rgb: 227, 202, 188;
$humble-blush-light: mix(#fff, $humble-blush, 20%);
$humble-blush-dark: mix(#000, $humble-blush, 20%);
.element {
color: $humble-blush;
box-shadow: 0 0 0 2px rgba($humble-blush, 0.35);
}