Benannte Farbe · #D28B72
Helena Rose
Helena Rose ist #D28B72: rgb(210 139 114), hsl(16 52% 64%), oklch(0.703 0.094 40.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Helena Rose color name →
#D28B72
oklch(0.703 0.094 40.2)
Farbumrechnungen
- HEX
- #d28b72
- RGB
- rgb(210 139 114)
- HSL
- hsl(16 52% 64%)
- HWB
- hwb(16 45% 18%)
- OKLCH
- oklch(0.703 0.094 40.2)
- OKLab
- oklab(0.703 0.072 0.061)
- CIE Lab
- lab(64.86 25.78 25.06)
- LCH
- lch(64.86 35.95 44.2)
- CMYK
- cmyk(0% 34% 46% 18%)
Tints · Shades · Tones
Tints
- D79780
- DCA28E
- E1AE9B
- E6B9A9
- EBC5B7
- EFD0C5
- F3DCD4
- F7E7E2
- FBF3F0
Shades
- B67862
- 9B6653
- 815444
- 684336
- 503228
- 39231B
- 24140E
- 100704
- 020101
Tones
- CA8A74
- C28975
- BA8877
- B28779
- AA867A
- A2857B
- 99847D
- 91837E
- 89817F
Farbharmonien
Komplementär +180°
- D28B72
Helena Rose
- 52ADC8
≈ Frozen Wave
Analog -30° +30°
- D28B72
Helena Rose
- D38692
≈ Speckled Easter Egg
- C5955B
≈ Caramel Crumb
Triadisch +120° +240°
- D28B72
Helena Rose
- 67B28B
≈ Lily Pads
- 9499D9
≈ Portage
Geteilt komplementär +150° +210°
- D28B72
Helena Rose
- 4CB2AC
≈ Verdigris
- 71A4D8
≈ Kindred
Tetradisch +90° +180° +270°
- D28B72
Helena Rose
- 8CAB6C
≈ Celuce
- 52ADC8
≈ Frozen Wave
- B28FCB
≈ Fleur-De-Lis
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.73:1 · APCA Lc 53
Ag
AAAAuf Schwarz
WCAG 7.67:1 · APCA Lc 49
Beste Textfarbe: #000000
WCAG 7.67:1 (AAA) · APCA Lc 49
Contrast pairs
Code-Snippets
CSS
:root {
--helena-rose: #d28b72;
--helena-rose-rgb: 210 139 114;
--helena-rose-oklch: oklch(0.703 0.094 40.2);
}
.element {
color: var(--helena-rose);
background-color: hsl(16 52% 64%);
border-color: oklch(0.703 0.094 40.2);
}Tailwind CSS v4
@theme {
--color-helena-rose: #d28b72;
--color-helena-rose-50: #ffede0;
--color-helena-rose-100: #ffded0;
--color-helena-rose-200: #f8c8b5;
--color-helena-rose-300: #e2a892;
--color-helena-rose-400: #cf8b74;
--color-helena-rose-500: #bb6f55;
--color-helena-rose-600: #9e5f48;
--color-helena-rose-700: #7f4c39;
--color-helena-rose-800: #5e362a;
--color-helena-rose-900: #42251c;
--color-helena-rose-950: #2a130c;
}SCSS
$helena-rose: #d28b72;
$helena-rose-rgb: 210, 139, 114;
$helena-rose-light: mix(#fff, $helena-rose, 20%);
$helena-rose-dark: mix(#000, $helena-rose, 20%);
.element {
color: $helena-rose;
box-shadow: 0 0 0 2px rgba($helena-rose, 0.35);
}