Cor nomeada · #C99C7D
Desert Carnation
Desert Carnation é #C99C7D: rgb(201 156 125), hsl(24 41% 64%), oklch(0.727 0.069 55.9). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Desert Carnation color name →
#C99C7D
oklch(0.727 0.069 55.9)
Conversões de cor
- HEX
- #c99c7d
- RGB
- rgb(201 156 125)
- HSL
- hsl(24 41% 64%)
- HWB
- hwb(24 49% 21%)
- OKLCH
- oklch(0.727 0.069 55.9)
- OKLab
- oklab(0.727 0.039 0.057)
- CIE Lab
- lab(68.07 14.23 23.05)
- LCH
- lch(68.07 27.09 58.3)
- CMYK
- cmyk(0% 22% 38% 21%)
Tons claros · Sombras · Tons
Tons claros
- CFA68A
- D4AF96
- DAB9A3
- DFC3B0
- E5CDBD
- EAD7CA
- EFE1D7
- F5EBE4
- FAF5F2
Sombras
- AE876C
- 95735B
- 7C5F4B
- 644C3B
- 4C392C
- 36281E
- 221811
- 0F0905
- 020101
Tons
- C2997E
- BA977E
- B3947F
- AC917F
- A48E7F
- 9D8B80
- 968980
- 8F8680
- 878380
Harmonias de cor
Complementar +180°
- C99C7D
Desert Carnation
- 7CAECD
≈ Soul Blue
Análoga -30° +30°
- C99C7D
Desert Carnation
- CF9690
≈ Peach Beige
- BAA475
≈ Hemp Rope
Tríade +120° +240°
- C99C7D
Desert Carnation
- 77B5A5
≈ Turtle Lake
- AA9ECE
≈ Imperial Lilac
Complementar dividida +150° +210°
- C99C7D
Desert Carnation
- 71B4BC
≈ Tibetan Stone
- 92A6D3
≈ Foresight
Tétrade +90° +180° +270°
- C99C7D
Desert Carnation
- 8BB38D
≈ Green Bonnet
- 7CAECD
≈ Soul Blue
- BE98BE
≈ Dripping Wisteria
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.46:1 · APCA Lc 48
Ag
AAASobre preto
WCAG 8.53:1 · APCA Lc 54
Melhor cor de texto: #000000
WCAG 8.53:1 (AAA) · APCA Lc 54
Contrast pairs
Trechos de código
CSS
:root {
--desert-carnation: #c99c7d;
--desert-carnation-rgb: 201 156 125;
--desert-carnation-oklch: oklch(0.727 0.069 55.9);
}
.element {
color: var(--desert-carnation);
background-color: hsl(24 41% 64%);
border-color: oklch(0.727 0.069 55.9);
}Tailwind CSS v4
@theme {
--color-desert-carnation: #c99c7d;
--color-desert-carnation-50: #fff1e2;
--color-desert-carnation-100: #fae3d2;
--color-desert-carnation-200: #ecceb8;
--color-desert-carnation-300: #d3af95;
--color-desert-carnation-400: #bf9477;
--color-desert-carnation-500: #aa7a59;
--color-desert-carnation-600: #8f684c;
--color-desert-carnation-700: #73533c;
--color-desert-carnation-800: #553c2b;
--color-desert-carnation-900: #3c291d;
--color-desert-carnation-950: #25170d;
}SCSS
$desert-carnation: #c99c7d;
$desert-carnation-rgb: 201, 156, 125;
$desert-carnation-light: mix(#fff, $desert-carnation, 20%);
$desert-carnation-dark: mix(#000, $desert-carnation, 20%);
.element {
color: $desert-carnation;
box-shadow: 0 0 0 2px rgba($desert-carnation, 0.35);
}