Color con nombre más cercano · #CC9F82
#CC9F82
Color con nombre más cercano: Lunatic Lynx
#CC9F82 (rgb(204 159 130), hsl(24 42% 65%), oklch(0.737 0.067 54.2)) se parece más al color con nombre Lunatic Lynx. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#CC9F82
oklch(0.737 0.067 54.2)
Conversiones de color
- HEX
- #cc9f82
- RGB
- rgb(204 159 130)
- HSL
- hsl(24 42% 65%)
- HWB
- hwb(24 51% 20%)
- OKLCH
- oklch(0.737 0.067 54.2)
- OKLab
- oklab(0.737 0.039 0.054)
- CIE Lab
- lab(69.21 14.33 21.91)
- LCH
- lch(69.21 26.18 56.8)
- CMYK
- cmyk(0% 22% 36% 20%)
Tintes · Sombras · Tonos
Tintes
- D1A88E
- D7B29A
- DCBBA7
- E1C5B3
- E6CEC0
- EBD8CC
- F0E2D9
- F5EBE5
- FAF5F2
Sombras
- B18A70
- 97755F
- 7E614E
- 654D3E
- 4E3B2F
- 372920
- 221812
- 0F0906
- 020101
Tonos
- C49C82
- BD9982
- B59682
- AD9382
- A69082
- 9E8D81
- 978981
- 8F8681
- 888380
Armonías de color
Complementario +180°
- CC9F82
Lunatic Lynx
- 80B1CE
≈ Blue Cuddle
Análogo -30° +30°
- CC9F82
Lunatic Lynx
- D19A95
≈ Dull Apricot
- BEA779
≈ Dusted Olive
Triádico +120° +240°
- CC9F82
Lunatic Lynx
- 7CB8A7
≈ Key Largo
- ACA2D1
≈ Puturple
Complementario dividido +150° +210°
- CC9F82
Lunatic Lynx
- 75B7BD
≈ Aqua Blue
- 95AAD5
≈ Victory Lake
Tetrádico +90° +180° +270°
- CC9F82
Lunatic Lynx
- 90B590
≈ Mountain Fern
- 80B1CE
≈ Blue Cuddle
- C09CC2
≈ Lupine
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.37:1 · APCA Lc 47
Ag
AAASobre negro
WCAG 8.84:1 · APCA Lc 55
Mejor color de texto: #000000
WCAG 8.84:1 (AAA) · APCA Lc 55
Contrast pairs
Fragmentos de código
CSS
:root {
--lunatic-lynx: #cc9f82;
--lunatic-lynx-rgb: 204 159 130;
--lunatic-lynx-oklch: oklch(0.737 0.067 54.2);
}
.element {
color: var(--lunatic-lynx);
background-color: hsl(24 42% 65%);
border-color: oklch(0.737 0.067 54.2);
}Tailwind CSS v4
@theme {
--color-lunatic-lynx: #cc9f82;
--color-lunatic-lynx-50: #fff1e3;
--color-lunatic-lynx-100: #fae3d3;
--color-lunatic-lynx-200: #ecceb9;
--color-lunatic-lynx-300: #d3af97;
--color-lunatic-lynx-400: #be9479;
--color-lunatic-lynx-500: #a97a5b;
--color-lunatic-lynx-600: #8f684e;
--color-lunatic-lynx-700: #73533e;
--color-lunatic-lynx-800: #553c2d;
--color-lunatic-lynx-900: #3b291e;
--color-lunatic-lynx-950: #25170e;
}SCSS
$lunatic-lynx: #cc9f82;
$lunatic-lynx-rgb: 204, 159, 130;
$lunatic-lynx-light: mix(#fff, $lunatic-lynx, 20%);
$lunatic-lynx-dark: mix(#000, $lunatic-lynx, 20%);
.element {
color: $lunatic-lynx;
box-shadow: 0 0 0 2px rgba($lunatic-lynx, 0.35);
}