最も近い色名 · #CE9A8F
#CE9A8F
最も近い色名: Indian Mesa
#CE9A8F（rgb(206 154 143)、hsl(10 39% 68%)、oklch(0.732 0.065 32.2)）に最も近い色名はIndian Mesaです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#CE9A8F
oklch(0.732 0.065 32.2)
カラー変換
- HEX
- #ce9a8f
- RGB
- rgb(206 154 143)
- HSL
- hsl(10 39% 68%)
- HWB
- hwb(10 56% 19%)
- OKLCH
- oklch(0.732 0.065 32.2)
- OKLab
- oklab(0.732 0.055 0.035)
- CIE Lab
- lab(68.43 18.91 13.78)
- LCH
- lch(68.43 23.4 36.1)
- CMYK
- cmyk(0% 25% 31% 19%)
ティント · シェード · トーン
ティント
- D3A49A
- D8AEA5
- DEB8B0
- E3C2BB
- E8CCC6
- ECD6D1
- F1E0DC
- F6EAE8
- FAF5F3
シェード
- B3857C
- 987169
- 7F5E57
- 664B45
- 4E3934
- 382724
- 231715
- 0F0907
- 020101
トーン
- C6978E
- BE958C
- B7928B
- AF9089
- A78D88
- 9F8B86
- 988885
- 908583
- 888382
カラーハーモニー
補色 +180°
- CE9A8F
Indian Mesa
- 77B4C0
≈ Culinary Blue
類似色 -30° +30°
- CE9A8F
Indian Mesa
- CC98A5
≈ Cooing Doves
- C7A07F
≈ Meringue Tips
トライアド +120° +240°
- CE9A8F
Indian Mesa
- 8AB595
≈ Green Bonnet
- 9AA7D2
≈ Bright Bluebell
スプリットコンプリメンタリー +150° +210°
- CE9A8F
Indian Mesa
- 79B6AC
≈ Intracoastal
- 85AECE
≈ Mini Bay
テトラード +90° +180° +270°
- CE9A8F
Indian Mesa
- A1AF82
≈ Fresh Guacamole
- 77B4C0
≈ Culinary Blue
- B09FCB
≈ Purple Rose
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.42:1 · APCA Lc 48
Ag
AAA黒の上
WCAG 8.64:1 · APCA Lc 54
最適な文字色: #000000
WCAG 8.64:1 (AAA) · APCA Lc 54
Contrast pairs
コードスニペット
CSS
:root {
--indian-mesa: #ce9a8f;
--indian-mesa-rgb: 206 154 143;
--indian-mesa-oklch: oklch(0.732 0.065 32.2);
}
.element {
color: var(--indian-mesa);
background-color: hsl(10 39% 68%);
border-color: oklch(0.732 0.065 32.2);
}Tailwind CSS v4
@theme {
--color-indian-mesa: #ce9a8f;
--color-indian-mesa-50: #ffefe9;
--color-indian-mesa-100: #fde1da;
--color-indian-mesa-200: #efcbc2;
--color-indian-mesa-300: #d6aca2;
--color-indian-mesa-400: #c29186;
--color-indian-mesa-500: #ad766b;
--color-indian-mesa-600: #92645b;
--color-indian-mesa-700: #755048;
--color-indian-mesa-800: #573a35;
--color-indian-mesa-900: #3d2824;
--color-indian-mesa-950: #261613;
}SCSS
$indian-mesa: #ce9a8f;
$indian-mesa-rgb: 206, 154, 143;
$indian-mesa-light: mix(#fff, $indian-mesa, 20%);
$indian-mesa-dark: mix(#000, $indian-mesa, 20%);
.element {
color: $indian-mesa;
box-shadow: 0 0 0 2px rgba($indian-mesa, 0.35);
}