色名 · #C99387
Mexican Moonlight
Mexican Moonlightは#C99387：rgb(201 147 135)、hsl(11 38% 66%)、oklch(0.712 0.068 32.9)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Red mean? → · Mexican Moonlight color name →
#C99387
oklch(0.712 0.068 32.9)
カラー変換
- 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%)
ティント · シェード · トーン
ティント
- CF9E93
- D5A89E
- DAB3AA
- E0BDB6
- E5C8C2
- EAD3CE
- F0DEDA
- F5E9E6
- FAF4F3
シェード
- AE7F75
- 956C63
- 7C5951
- 644741
- 4C3631
- 362521
- 221613
- 0F0806
- 020101
トーン
- C29186
- BB8F86
- B38E85
- AC8C84
- A58A84
- 9D8883
- 968682
- 8F8482
- 878281
カラーハーモニー
補色 +180°
- C99387
Mexican Moonlight
- 6EAEBC
≈ Water Music
類似色 -30° +30°
- C99387
Mexican Moonlight
- C7919E
≈ Beetroot Rice
- C19976
≈ Copper Moon
トライアド +120° +240°
- C99387
Mexican Moonlight
- 82AF8E
≈ Zephyr Green
- 94A0CD
≈ Ceil
スプリットコンプリメンタリー +150° +210°
- C99387
Mexican Moonlight
- 70B0A6
≈ Turquoise Fantasies
- 7DA8CA
≈ Mirror Lake
テトラード +90° +180° +270°
- C99387
Mexican Moonlight
- 9AAA7A
≈ Siamese Green
- 6EAEBC
≈ Water Music
- AA98C6
≈ Grape Arbour
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.62:1 · APCA Lc 51
Ag
AAA黒の上
WCAG 8.00:1 · APCA Lc 51
最適な文字色: #000000
WCAG 8.00:1 (AAA) · APCA Lc 51
Contrast pairs
コードスニペット
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);
}