Colore con nome · #D28B72
Helena Rose
Helena Rose è #D28B72: rgb(210 139 114), hsl(16 52% 64%), oklch(0.703 0.094 40.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Helena Rose color name →
#D28B72
oklch(0.703 0.094 40.2)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- D79780
- DCA28E
- E1AE9B
- E6B9A9
- EBC5B7
- EFD0C5
- F3DCD4
- F7E7E2
- FBF3F0
Ombre
- B67862
- 9B6653
- 815444
- 684336
- 503228
- 39231B
- 24140E
- 100704
- 020101
Toni
- CA8A74
- C28975
- BA8877
- B28779
- AA867A
- A2857B
- 99847D
- 91837E
- 89817F
Armonie di colore
Complementare +180°
- D28B72
Helena Rose
- 52ADC8
≈ Frozen Wave
Analogo -30° +30°
- D28B72
Helena Rose
- D38692
≈ Speckled Easter Egg
- C5955B
≈ Caramel Crumb
Triadico +120° +240°
- D28B72
Helena Rose
- 67B28B
≈ Lily Pads
- 9499D9
≈ Portage
Complementare divisa +150° +210°
- D28B72
Helena Rose
- 4CB2AC
≈ Verdigris
- 71A4D8
≈ Kindred
Tetradico +90° +180° +270°
- D28B72
Helena Rose
- 8CAB6C
≈ Celuce
- 52ADC8
≈ Frozen Wave
- B28FCB
≈ Fleur-De-Lis
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.73:1 · APCA Lc 53
Ag
AAASu nero
WCAG 7.67:1 · APCA Lc 49
Miglior colore del testo: #000000
WCAG 7.67:1 (AAA) · APCA Lc 49
Contrast pairs
Frammenti di codice
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);
}