色名 · #CEA48E
Autumn Malt
Autumn Maltは#CEA48E：rgb(206 164 142)、hsl(21 40% 68%)、oklch(0.751 0.059 49.1)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Orange mean? → · Autumn Malt color name →
#CEA48E
oklch(0.751 0.059 49.1)
カラー変換
- HEX
- #cea48e
- RGB
- rgb(206 164 142)
- HSL
- hsl(21 40% 68%)
- HWB
- hwb(21 56% 19%)
- OKLCH
- oklch(0.751 0.059 49.1)
- OKLab
- oklab(0.751 0.038 0.044)
- CIE Lab
- lab(70.86 13.66 17.65)
- LCH
- lch(70.86 22.32 52.3)
- CMYK
- cmyk(0% 20% 31% 19%)
ティント · シェード · トーン
ティント
- D3AD99
- D8B6A4
- DDBFAF
- E2C8BA
- E7D1C6
- ECDAD1
- F1E3DC
- F6ECE8
- FAF6F3
シェード
- B38E7B
- 987968
- 7F6456
- 665044
- 4E3D34
- 382B24
- 231A15
- 0F0A07
- 020101
トーン
- C6A08D
- BE9D8B
- B6998A
- AF9689
- A79287
- 9F8E86
- 978B85
- 8F8783
- 888482
カラーハーモニー
補色 +180°
- CEA48E
Autumn Malt
- 88B6CC
≈ Blue Bird Morning
類似色 -30° +30°
- CEA48E
Autumn Malt
- D1A0A0
≈ Ruby Eye
- C3AB85
≈ Croissant
トライアド +120° +240°
- CEA48E
Autumn Malt
- 8ABBA8
≈ Lichen
- ADA9D2
≈ Monastic
スプリットコンプリメンタリー +150° +210°
- CEA48E
Autumn Malt
- 82BABC
≈ Misty Cold Sea
- 98B0D4
≈ Heartsong
テトラード +90° +180° +270°
- CEA48E
Autumn Malt
- 9CB894
≈ Brookview
- 88B6CC
≈ Blue Bird Morning
- BFA3C6
≈ Pale Grape
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.25:1 · APCA Lc 44
Ag
AAA黒の上
WCAG 9.32:1 · APCA Lc 58
最適な文字色: #000000
WCAG 9.32:1 (AAA) · APCA Lc 58
Contrast pairs
コードスニペット
CSS
:root {
--autumn-malt: #cea48e;
--autumn-malt-rgb: 206 164 142;
--autumn-malt-oklch: oklch(0.751 0.059 49.1);
}
.element {
color: var(--autumn-malt);
background-color: hsl(21 40% 68%);
border-color: oklch(0.751 0.059 49.1);
}Tailwind CSS v4
@theme {
--color-autumn-malt: #cea48e;
--color-autumn-malt-50: #fff1e6;
--color-autumn-malt-100: #f9e3d7;
--color-autumn-malt-200: #eacebe;
--color-autumn-malt-300: #d1b09d;
--color-autumn-malt-400: #bc9580;
--color-autumn-malt-500: #a77b64;
--color-autumn-malt-600: #8d6855;
--color-autumn-malt-700: #715343;
--color-autumn-malt-800: #543c31;
--color-autumn-malt-900: #3a2921;
--color-autumn-malt-950: #241711;
}SCSS
$autumn-malt: #cea48e;
$autumn-malt-rgb: 206, 164, 142;
$autumn-malt-light: mix(#fff, $autumn-malt, 20%);
$autumn-malt-dark: mix(#000, $autumn-malt, 20%);
.element {
color: $autumn-malt;
box-shadow: 0 0 0 2px rgba($autumn-malt, 0.35);
}