Couleur nommée · #C47967
First Lady
First Lady correspond à #C47967 : rgb(196 121 103), hsl(12 44% 59%), oklch(0.652 0.098 34.3). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Red mean? → · First Lady color name →
#C47967
oklch(0.652 0.098 34.3)
Conversions de couleur
- HEX
- #c47967
- RGB
- rgb(196 121 103)
- HSL
- hsl(12 44% 59%)
- HWB
- hwb(12 40% 23%)
- OKLCH
- oklch(0.652 0.098 34.3)
- OKLab
- oklab(0.652 0.081 0.055)
- CIE Lab
- lab(58.8 28.65 22.89)
- LCH
- lch(58.8 36.67 38.6)
- CMYK
- cmyk(0% 38% 47% 23%)
Teintes · Ombres · Tons
Teintes
- CB8676
- D19384
- D8A193
- DEAEA2
- E4BBB1
- EAC9C0
- EFD6D0
- F5E4DF
- FAF1EF
Ombres
- AA6859
- 91584B
- 78483D
- 613930
- 4A2B23
- 351D17
- 21100C
- 0E0504
- 020100
Tons
- BE7A6A
- B77B6D
- B17C6F
- AA7D72
- A37E74
- 9D7E77
- 967F79
- 8F7F7B
- 87807E
Harmonies de couleurs
Complémentaire +180°
- C47967
First Lady
- 369FB4
≈ Fischer Blue
Analogue -30° +30°
- C47967
First Lady
- C27688
≈ Rosily
- BA824C
≈ Arrakis Spice
Triadique +120° +240°
- C47967
First Lady
- 5CA174
≈ Treelet
- 7D8BCC
≈ True Lavender
Complémentaire divisée +150° +210°
- C47967
First Lady
- 37A397
≈ Sea Kale
- 5896C8
≈ Blueberry Soft Blue
Tétradique +90° +180° +270°
- C47967
First Lady
- 839A55
≈ Pine Leaves
- 369FB4
≈ Fischer Blue
- 9D80C1
≈ Lilac Purple
Contraste et accessibilité
Ag
FailSur blanc
WCAG 3.34:1 · APCA Lc 61
Ag
AASur noir
WCAG 6.27:1 · APCA Lc 41
Meilleure couleur de texte: #000000
WCAG 6.27:1 (AA) · APCA Lc 41
Contrast pairs
Extraits de code
CSS
:root {
--first-lady: #c47967;
--first-lady-rgb: 196 121 103;
--first-lady-oklch: oklch(0.652 0.098 34.3);
}
.element {
color: var(--first-lady);
background-color: hsl(12 44% 59%);
border-color: oklch(0.652 0.098 34.3);
}Tailwind CSS v4
@theme {
--color-first-lady: #c47967;
--color-first-lady-50: #ffece2;
--color-first-lady-100: #ffddd1;
--color-first-lady-200: #fbc6b7;
--color-first-lady-300: #e5a694;
--color-first-lady-400: #d28977;
--color-first-lady-500: #be6d59;
--color-first-lady-600: #a15c4c;
--color-first-lady-700: #814a3d;
--color-first-lady-800: #60352c;
--color-first-lady-900: #43241e;
--color-first-lady-950: #2b130e;
}SCSS
$first-lady: #c47967;
$first-lady-rgb: 196, 121, 103;
$first-lady-light: mix(#fff, $first-lady, 20%);
$first-lady-dark: mix(#000, $first-lady, 20%);
.element {
color: $first-lady;
box-shadow: 0 0 0 2px rgba($first-lady, 0.35);
}