Colore con nome · #C99387
Mexican Moonlight
Mexican Moonlight è #C99387: rgb(201 147 135), hsl(11 38% 66%), oklch(0.712 0.068 32.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Mexican Moonlight color name →
#C99387
oklch(0.712 0.068 32.9)
Conversioni di colore
- HEX
- #c99387
- RGB
- rgb(201 147 135)
- HSL
- hsl(11 38% 66%)
- HWB
- hwb(11 53% 21%)
- OKLCH
- oklch(0.712 0.068 32.9)
- OKLab
- oklab(0.712 0.057 0.037)
- CIE Lab
- lab(66.04 19.8 14.82)
- LCH
- lch(66.04 24.73 36.8)
- CMYK
- cmyk(0% 27% 33% 21%)
Tinte · Ombre · Toni
Tinte
- CF9E93
- D5A89E
- DAB3AA
- E0BDB6
- E5C8C2
- EAD3CE
- F0DEDA
- F5E9E6
- FAF4F3
Ombre
- AE7F75
- 956C63
- 7C5951
- 644741
- 4C3631
- 362521
- 221613
- 0F0806
- 020101
Toni
- C29186
- BB8F86
- B38E85
- AC8C84
- A58A84
- 9D8883
- 968682
- 8F8482
- 878281
Armonie di colore
Complementare +180°
- C99387
Mexican Moonlight
- 6EAEBC
≈ Water Music
Analogo -30° +30°
- C99387
Mexican Moonlight
- C7919E
≈ Beetroot Rice
- C19976
≈ Copper Moon
Triadico +120° +240°
- C99387
Mexican Moonlight
- 82AF8E
≈ Zephyr Green
- 94A0CD
≈ Ceil
Complementare divisa +150° +210°
- C99387
Mexican Moonlight
- 70B0A6
≈ Turquoise Fantasies
- 7DA8CA
≈ Mirror Lake
Tetradico +90° +180° +270°
- C99387
Mexican Moonlight
- 9AAA7A
≈ Siamese Green
- 6EAEBC
≈ Water Music
- AA98C6
≈ Grape Arbour
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.62:1 · APCA Lc 51
Ag
AAASu nero
WCAG 8.00:1 · APCA Lc 51
Miglior colore del testo: #000000
WCAG 8.00:1 (AAA) · APCA Lc 51
Contrast pairs
Frammenti di codice
CSS
:root {
--mexican-moonlight: #c99387;
--mexican-moonlight-rgb: 201 147 135;
--mexican-moonlight-oklch: oklch(0.712 0.068 32.9);
}
.element {
color: var(--mexican-moonlight);
background-color: hsl(11 38% 66%);
border-color: oklch(0.712 0.068 32.9);
}Tailwind CSS v4
@theme {
--color-mexican-moonlight: #c99387;
--color-mexican-moonlight-50: #ffefe8;
--color-mexican-moonlight-100: #fee0d9;
--color-mexican-moonlight-200: #f0cbc1;
--color-mexican-moonlight-300: #d8aca0;
--color-mexican-moonlight-400: #c39085;
--color-mexican-moonlight-500: #af7669;
--color-mexican-moonlight-600: #946459;
--color-mexican-moonlight-700: #765047;
--color-mexican-moonlight-800: #583a34;
--color-mexican-moonlight-900: #3d2723;
--color-mexican-moonlight-950: #271512;
}SCSS
$mexican-moonlight: #c99387;
$mexican-moonlight-rgb: 201, 147, 135;
$mexican-moonlight-light: mix(#fff, $mexican-moonlight, 20%);
$mexican-moonlight-dark: mix(#000, $mexican-moonlight, 20%);
.element {
color: $mexican-moonlight;
box-shadow: 0 0 0 2px rgba($mexican-moonlight, 0.35);
}