Named color · #D7A491
Rosettee
Rosettee is #D7A491: rgb(215 164 145), hsl(16 47% 71%), oklch(0.761 0.066 41.4). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Red mean? → · Rosettee color name →
#D7A491
oklch(0.761 0.066 41.4)
Color conversions
- HEX
- #d7a491
- RGB
- rgb(215 164 145)
- HSL
- hsl(16 47% 71%)
- HWB
- hwb(16 57% 16%)
- OKLCH
- oklch(0.761 0.066 41.4)
- OKLab
- oklab(0.761 0.05 0.044)
- CIE Lab
- lab(71.86 17.51 17.56)
- LCH
- lch(71.86 24.8 45.1)
- CMYK
- cmyk(0% 24% 33% 16%)
Tints · Shades · Tones
Tints
- DBAD9C
- E0B6A6
- E4BFB1
- E8C8BC
- ECD1C7
- F0DAD2
- F4E3DD
- F8EDE8
- FBF6F4
Shades
- BB8E7D
- 9F796A
- 856458
- 6B5046
- 523D35
- 3B2B25
- 251A15
- 110A07
- 020101
Tones
- CEA08F
- C59D8E
- BD998C
- B4968B
- AB9289
- A38F87
- 9A8B85
- 918784
- 898482
Color harmonies
Complementary +180°
- D7A491
Rosettee
- 81BCD0
≈ Petit Four
Analogous -30° +30°
- D7A491
Rosettee
- D8A0A7
≈ Young at Heart
- CDAB83
≈ DaVanzo Beige
Triadic +120° +240°
- D7A491
Rosettee
- 8CBFA4
≈ Baby Cake
- AAADDB
≈ High Style
Split-complementary +150° +210°
- D7A491
Rosettee
- 7EBFBC
≈ Gentle Wave
- 93B5DB
≈ Echo Isles Water
Tetradic +90° +180° +270°
- D7A491
Rosettee
- A2BB8F
≈ Glendale
- 81BCD0
≈ Petit Four
- BFA6D1
≈ Lavendula
Contrast & accessibility
Ag
FailOn white
WCAG 2.18:1 · APCA Lc 43
Ag
AAAOn black
WCAG 9.60:1 · APCA Lc 59
Best text color: #000000
WCAG 9.60:1 (AAA) · APCA Lc 59
Contrast pairs
Code snippets
CSS
:root {
--rosettee: #d7a491;
--rosettee-rgb: 215 164 145;
--rosettee-oklch: oklch(0.761 0.066 41.4);
}
.element {
color: var(--rosettee);
background-color: hsl(16 47% 71%);
border-color: oklch(0.761 0.066 41.4);
}Tailwind CSS v4
@theme {
--color-rosettee: #d7a491;
--color-rosettee-50: #fff0e6;
--color-rosettee-100: #fce1d7;
--color-rosettee-200: #eeccbe;
--color-rosettee-300: #d6ad9d;
--color-rosettee-400: #c19280;
--color-rosettee-500: #ac7864;
--color-rosettee-600: #926555;
--color-rosettee-700: #755143;
--color-rosettee-800: #573b31;
--color-rosettee-900: #3d2821;
--color-rosettee-950: #261611;
}SCSS
$rosettee: #d7a491;
$rosettee-rgb: 215, 164, 145;
$rosettee-light: mix(#fff, $rosettee, 20%);
$rosettee-dark: mix(#000, $rosettee, 20%);
.element {
color: $rosettee;
box-shadow: 0 0 0 2px rgba($rosettee, 0.35);
}