最も近い色名 · #CC9F82
#CC9F82
最も近い色名: Lunatic Lynx
#CC9F82（rgb(204 159 130)、hsl(24 42% 65%)、oklch(0.737 0.067 54.2)）に最も近い色名はLunatic Lynxです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#CC9F82
oklch(0.737 0.067 54.2)
カラー変換
- 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%)
ティント · シェード · トーン
ティント
- D1A88E
- D7B29A
- DCBBA7
- E1C5B3
- E6CEC0
- EBD8CC
- F0E2D9
- F5EBE5
- FAF5F2
シェード
- B18A70
- 97755F
- 7E614E
- 654D3E
- 4E3B2F
- 372920
- 221812
- 0F0906
- 020101
トーン
- C49C82
- BD9982
- B59682
- AD9382
- A69082
- 9E8D81
- 978981
- 8F8681
- 888380
カラーハーモニー
補色 +180°
- CC9F82
Lunatic Lynx
- 80B1CE
≈ Blue Cuddle
類似色 -30° +30°
- CC9F82
Lunatic Lynx
- D19A95
≈ Dull Apricot
- BEA779
≈ Dusted Olive
トライアド +120° +240°
- CC9F82
Lunatic Lynx
- 7CB8A7
≈ Key Largo
- ACA2D1
≈ Puturple
スプリットコンプリメンタリー +150° +210°
- CC9F82
Lunatic Lynx
- 75B7BD
≈ Aqua Blue
- 95AAD5
≈ Victory Lake
テトラード +90° +180° +270°
- CC9F82
Lunatic Lynx
- 90B590
≈ Mountain Fern
- 80B1CE
≈ Blue Cuddle
- C09CC2
≈ Lupine
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.37:1 · APCA Lc 47
Ag
AAA黒の上
WCAG 8.84:1 · APCA Lc 55
最適な文字色: #000000
WCAG 8.84:1 (AAA) · APCA Lc 55
Contrast pairs
コードスニペット
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);
}