最も近い色名 · #D8C693
#D8C693
最も近い色名: Desert Temple
#D8C693（rgb(216 198 147)、hsl(44 47% 71%)、oklch(0.829 0.07 90.9)）に最も近い色名はDesert Templeです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#D8C693
oklch(0.829 0.07 90.9)
カラー変換
- HEX
- #d8c693
- RGB
- rgb(216 198 147)
- HSL
- hsl(44 47% 71%)
- HWB
- hwb(44 58% 15%)
- OKLCH
- oklch(0.829 0.07 90.9)
- OKLab
- oklab(0.829 -0.001 0.07)
- CIE Lab
- lab(80.48 0.98 28.05)
- LCH
- lch(80.48 28.07 88)
- CMYK
- cmyk(0% 8% 32% 15%)
ティント · シェード · トーン
ティント
- DCCC9E
- E0D1A9
- E4D7B4
- E7DDBE
- EBE2C9
- EFE8D4
- F3EEDF
- F7F4E9
- FBF9F4
シェード
- BCAC7F
- A0926C
- 857A59
- 6B6247
- 534B36
- 3B3525
- 252116
- 110E08
- 020201
トーン
- CFBF91
- C6B890
- BDB18E
- B4AA8C
- ABA38B
- A29C89
- 9A9587
- 918E84
- 888782
カラーハーモニー
補色 +180°
- D8C693
Desert Temple
- B6C5F6
≈ Vodka
類似色 -30° +30°
- D8C693
Desert Temple
- E9BD99
≈ Pan Tostado
- C0CF9C
≈ Fava Bean
トライアド +120° +240°
- D8C693
Desert Temple
- 91D4E1
≈ Infinity Pool
- E2B7DC
≈ French Lilac
スプリットコンプリメンタリー +150° +210°
- D8C693
Desert Temple
- 9FCEF1
≈ Mediterranean Charm
- CEBDEE
≈ Connecticut Lilac
テトラード +90° +180° +270°
- D8C693
Desert Temple
- 94D6C9
≈ Aqua Glow
- B6C5F6
≈ Vodka
- EFB5C4
≈ Chantilly
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.69:1 · APCA Lc 30
Ag
AAA黒の上
WCAG 12.41:1 · APCA Lc 73
最適な文字色: #000000
WCAG 12.41:1 (AAA) · APCA Lc 73
Contrast pairs
コードスニペット
CSS
:root {
--desert-temple: #d8c693;
--desert-temple-rgb: 216 198 147;
--desert-temple-oklch: oklch(0.829 0.07 90.9);
}
.element {
color: var(--desert-temple);
background-color: hsl(44 47% 71%);
border-color: oklch(0.829 0.07 90.9);
}Tailwind CSS v4
@theme {
--color-desert-temple: #d8c693;
--color-desert-temple-50: #fcf5df;
--color-desert-temple-100: #f0e8ce;
--color-desert-temple-200: #ded4b3;
--color-desert-temple-300: #c4b78f;
--color-desert-temple-400: #ae9d6e;
--color-desert-temple-500: #98854e;
--color-desert-temple-600: #807043;
--color-desert-temple-700: #675a35;
--color-desert-temple-800: #4c4125;
--color-desert-temple-900: #352d19;
--color-desert-temple-950: #201a09;
}SCSS
$desert-temple: #d8c693;
$desert-temple-rgb: 216, 198, 147;
$desert-temple-light: mix(#fff, $desert-temple, 20%);
$desert-temple-dark: mix(#000, $desert-temple, 20%);
.element {
color: $desert-temple;
box-shadow: 0 0 0 2px rgba($desert-temple, 0.35);
}