最も近い色名 · #D4AD95
#D4AD95
最も近い色名: Frappé
#D4AD95（rgb(212 173 149)、hsl(23 42% 71%)、oklch(0.776 0.057 53.3)）に最も近い色名はFrappéです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#D4AD95
oklch(0.776 0.057 53.3)
カラー変換
- HEX
- #d4ad95
- RGB
- rgb(212 173 149)
- HSL
- hsl(23 42% 71%)
- HWB
- hwb(23 58% 17%)
- OKLCH
- oklch(0.776 0.057 53.3)
- OKLab
- oklab(0.776 0.034 0.045)
- CIE Lab
- lab(73.82 12.11 18.01)
- LCH
- lch(73.82 21.71 56.1)
- CMYK
- cmyk(0% 18% 30% 17%)
ティント · シェード · トーン
ティント
- D8B59F
- DDBDAA
- E1C5B4
- E6CDBF
- EAD6C9
- EEDED4
- F3E6DF
- F7EEE9
- FBF7F4
シェード
- B89681
- 9D7F6D
- 836A5A
- 695548
- 514137
- 3A2D26
- 241B16
- 100B08
- 020101
トーン
- CBA893
- C3A491
- BA9F8F
- B29B8D
- AA968B
- A19289
- 998D87
- 918984
- 888482
カラーハーモニー
補色 +180°
- D4AD95
Frappé
- 93BDD5
≈ Speedboat
類似色 -30° +30°
- D4AD95
Frappé
- D8A9A5
≈ Silver Pink
- C8B48D
≈ Foothill Drive
トライアド +120° +240°
- D4AD95
Frappé
- 91C3B3
≈ Catarina Green
- B7B0D8
≈ Delicate Lilac
スプリットコンプリメンタリー +150° +210°
- D4AD95
Frappé
- 8BC1C6
≈ Chuff Blue
- A4B7DB
≈ Fairies in America
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.05:1 · APCA Lc 40
Ag
AAA黒の上
WCAG 10.21:1 · APCA Lc 62
最適な文字色: #000000
WCAG 10.21:1 (AAA) · APCA Lc 62
Contrast pairs
コードスニペット
CSS
:root {
--frappe: #d4ad95;
--frappe-rgb: 212 173 149;
--frappe-oklch: oklch(0.776 0.057 53.3);
}
.element {
color: var(--frappe);
background-color: hsl(23 42% 71%);
border-color: oklch(0.776 0.057 53.3);
}Tailwind CSS v4
@theme {
--color-frappe: #d4ad95;
--color-frappe-50: #fff1e6;
--color-frappe-100: #f8e3d6;
--color-frappe-200: #e8cfbe;
--color-frappe-300: #cfb09c;
--color-frappe-400: #ba9680;
--color-frappe-500: #a57c63;
--color-frappe-600: #8b6954;
--color-frappe-700: #6f5443;
--color-frappe-800: #533d30;
--color-frappe-900: #3a2a21;
--color-frappe-950: #241710;
}SCSS
$frappe: #d4ad95;
$frappe-rgb: 212, 173, 149;
$frappe-light: mix(#fff, $frappe, 20%);
$frappe-dark: mix(#000, $frappe, 20%);
.element {
color: $frappe;
box-shadow: 0 0 0 2px rgba($frappe, 0.35);
}