色名 · #D4C2B1
Autumn Haze
Autumn Hazeは#D4C2B1：rgb(212 194 177)、hsl(29 29% 76%)、oklch(0.824 0.031 65.8)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Autumn Haze color name →
#D4C2B1
oklch(0.824 0.031 65.8)
カラー変換
- HEX
- #d4c2b1
- RGB
- rgb(212 194 177)
- HSL
- hsl(29 29% 76%)
- HWB
- hwb(29 69% 17%)
- OKLCH
- oklch(0.824 0.031 65.8)
- OKLab
- oklab(0.824 0.013 0.028)
- CIE Lab
- lab(79.61 4.5 11)
- LCH
- lch(79.61 11.89 67.7)
- CMYK
- cmyk(0% 8% 17% 17%)
ティント · シェード · トーン
ティント
- D8C8B9
- DDCEC0
- E1D4C8
- E5DAD0
- E9E0D8
- EEE6DF
- F2ECE7
- F6F3EF
- FBF9F7
シェード
- B8A899
- 9D8F83
- 83776C
- 696057
- 514942
- 3A342F
- 24201C
- 100E0C
- 020201
トーン
- CBBBAC
- C3B4A7
- BAAEA2
- B2A79D
- A9A098
- A19A93
- 98938F
- 908D8A
- 888685
カラーハーモニー
補色 +180°
- D4C2B1
Autumn Haze
- B6C8D9
≈ Beribboned
類似色 -30° +30°
- D4C2B1
Autumn Haze
- D9BFB8
≈ Reindeer
- CBC6B0
≈ Pale Beige
トライアド +120° +240°
- D4C2B1
Autumn Haze
- B0CCC8
≈ Andean Opal Green
- CAC1D6
≈ Powder Viola
スプリットコンプリメンタリー +150° +210°
- D4C2B1
Autumn Haze
- B0CBD2
≈ April Tears
- BFC4DA
≈ Lavender Escape
テトラード +90° +180° +270°
- D4C2B1
Autumn Haze
- B6CCBD
≈ Mint Mousse
- B6C8D9
≈ Beribboned
- D3BECD
≈ Tamed Beauty
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.72:1 · APCA Lc 31
Ag
AAA黒の上
WCAG 12.15:1 · APCA Lc 71
最適な文字色: #000000
WCAG 12.15:1 (AAA) · APCA Lc 71
Contrast pairs
コードスニペット
CSS
:root {
--autumn-haze: #d4c2b1;
--autumn-haze-rgb: 212 194 177;
--autumn-haze-oklch: oklch(0.824 0.031 65.8);
}
.element {
color: var(--autumn-haze);
background-color: hsl(29 29% 76%);
border-color: oklch(0.824 0.031 65.8);
}Tailwind CSS v4
@theme {
--color-autumn-haze: #d4c2b1;
--color-autumn-haze-50: #fbf4ec;
--color-autumn-haze-100: #efe6dd;
--color-autumn-haze-200: #ddd2c7;
--color-autumn-haze-300: #c2b5a7;
--color-autumn-haze-400: #ac9b8c;
--color-autumn-haze-500: #958271;
--color-autumn-haze-600: #7e6e60;
--color-autumn-haze-700: #65584c;
--color-autumn-haze-800: #4a4037;
--color-autumn-haze-900: #342c26;
--color-autumn-haze-950: #1f1914;
}SCSS
$autumn-haze: #d4c2b1;
$autumn-haze-rgb: 212, 194, 177;
$autumn-haze-light: mix(#fff, $autumn-haze, 20%);
$autumn-haze-dark: mix(#000, $autumn-haze, 20%);
.element {
color: $autumn-haze;
box-shadow: 0 0 0 2px rgba($autumn-haze, 0.35);
}