Couleur nommée · #C9A480
Siesta Dreams
Siesta Dreams correspond à #C9A480 : rgb(201 164 128), hsl(30 40% 65%), oklch(0.743 0.066 65.8). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Orange mean? → · Siesta Dreams color name →
#C9A480
oklch(0.743 0.066 65.8)
Conversions de couleur
- HEX
- #c9a480
- RGB
- rgb(201 164 128)
- HSL
- hsl(30 40% 65%)
- HWB
- hwb(30 50% 21%)
- OKLCH
- oklch(0.743 0.066 65.8)
- OKLab
- oklab(0.743 0.027 0.06)
- CIE Lab
- lab(70.12 10.37 24.13)
- LCH
- lch(70.12 26.26 66.7)
- CMYK
- cmyk(0% 18% 36% 21%)
Teintes · Ombres · Tons
Teintes
- CFAD8C
- D4B699
- D9BFA6
- DFC8B2
- E4D1BF
- EADACB
- EFE3D8
- F4ECE5
- FAF6F2
Ombres
- AE8E6E
- 95795D
- 7C644D
- 64503D
- 4C3D2E
- 362B1F
- 221A12
- 0F0A06
- 020101
Tons
- C2A080
- BA9D81
- B39981
- AC9681
- A49281
- 9D8F81
- 968B81
- 8E8781
- 878480
Harmonies de couleurs
Complémentaire +180°
- C9A480
Siesta Dreams
- 8AB1D3
≈ Matte Blue
Analogue -30° +30°
- C9A480
Siesta Dreams
- D29E90
≈ Soft Sienna
- B8AC7C
≈ Nettle
Triadique +120° +240°
- C9A480
Siesta Dreams
- 7BBAB2
≈ Winter Surf
- B6A2CD
≈ Glass Violet
Complémentaire divisée +150° +210°
- C9A480
Siesta Dreams
- 7BB7C6
≈ Tennis Blue
- A0A9D6
≈ Whipped Violet
Tétradique +90° +180° +270°
- C9A480
Siesta Dreams
- 8BB99A
≈ Garden View
- 8AB1D3
≈ Matte Blue
- C79DBC
≈ Idyllic Pink
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.30:1 · APCA Lc 45
Ag
AAASur noir
WCAG 9.10:1 · APCA Lc 57
Meilleure couleur de texte: #000000
WCAG 9.10:1 (AAA) · APCA Lc 57
Contrast pairs
Extraits de code
CSS
:root {
--siesta-dreams: #c9a480;
--siesta-dreams-rgb: 201 164 128;
--siesta-dreams-oklch: oklch(0.743 0.066 65.8);
}
.element {
color: var(--siesta-dreams);
background-color: hsl(30 40% 65%);
border-color: oklch(0.743 0.066 65.8);
}Tailwind CSS v4
@theme {
--color-siesta-dreams: #c9a480;
--color-siesta-dreams-50: #fff2e2;
--color-siesta-dreams-100: #f7e4d1;
--color-siesta-dreams-200: #e8d0b7;
--color-siesta-dreams-300: #cfb294;
--color-siesta-dreams-400: #ba9775;
--color-siesta-dreams-500: #a47d57;
--color-siesta-dreams-600: #8b6a4a;
--color-siesta-dreams-700: #6f553b;
--color-siesta-dreams-800: #533e2a;
--color-siesta-dreams-900: #3a2a1c;
--color-siesta-dreams-950: #24180c;
}SCSS
$siesta-dreams: #c9a480;
$siesta-dreams-rgb: 201, 164, 128;
$siesta-dreams-light: mix(#fff, $siesta-dreams, 20%);
$siesta-dreams-dark: mix(#000, $siesta-dreams, 20%);
.element {
color: $siesta-dreams;
box-shadow: 0 0 0 2px rgba($siesta-dreams, 0.35);
}