色名 · #E4B37A
High Plateau
High Plateauは#E4B37A：rgb(228 179 122)、hsl(32 66% 69%)、oklch(0.798 0.093 70.1)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Orange mean? → · High Plateau color name →
#E4B37A
oklch(0.798 0.093 70.1)
カラー変換
- HEX
- #e4b37a
- RGB
- rgb(228 179 122)
- HSL
- hsl(32 66% 69%)
- HWB
- hwb(32 48% 11%)
- OKLCH
- oklch(0.798 0.093 70.1)
- OKLab
- oklab(0.798 0.032 0.087)
- CIE Lab
- lab(76.53 13.23 36.19)
- LCH
- lch(76.53 38.53 69.9)
- CMYK
- cmyk(0% 21% 46% 11%)
ティント · シェード · トーン
ティント
- E7BB88
- EAC295
- EDCAA3
- F0D2B0
- F2D9BD
- F5E1CA
- F8E8D7
- FAF0E5
- FDF7F2
シェード
- C69B69
- A98459
- 8D6E49
- 72583A
- 58432B
- 3F2F1D
- 281D10
- 120C05
- 030101
トーン
- DAAE7B
- D0A97D
- C5A47E
- BB9F7F
- B19A7F
- A79580
- 9D8F80
- 948A80
- 8A8580
カラーハーモニー
補色 +180°
- E4B37A
High Plateau
- 8FC2F7
≈ Sail to the Sea
類似色 -30° +30°
- E4B37A
High Plateau
- F2A990
≈ Shishi Pink
- CBBF77
≈ Fresh Sprout
トライアド +120° +240°
- E4B37A
High Plateau
- 6FD1CA
≈ Hidden Sea Glass
- D0ADEA
≈ Petal Plush
スプリットコンプリメンタリー +150° +210°
- E4B37A
High Plateau
- 73CCE7
≈ Big Chill
- B1B7F9
≈ Purple Illusion
テトラード +90° +180° +270°
- E4B37A
High Plateau
- 86D0A9
≈ Pharaoh’s Jade
- 8FC2F7
≈ Sail to the Sea
- E6A6D0
≈ Cosmic Pink
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.90:1 · APCA Lc 36
Ag
AAA黒の上
WCAG 11.02:1 · APCA Lc 66
最適な文字色: #000000
WCAG 11.02:1 (AAA) · APCA Lc 66
Contrast pairs
コードスニペット
CSS
:root {
--high-plateau: #e4b37a;
--high-plateau-rgb: 228 179 122;
--high-plateau-oklch: oklch(0.798 0.093 70.1);
}
.element {
color: var(--high-plateau);
background-color: hsl(32 66% 69%);
border-color: oklch(0.798 0.093 70.1);
}Tailwind CSS v4
@theme {
--color-high-plateau: #e4b37a;
--color-high-plateau-50: #fff2d9;
--color-high-plateau-100: #fce4c7;
--color-high-plateau-200: #eecfa9;
--color-high-plateau-300: #d5b083;
--color-high-plateau-400: #c29560;
--color-high-plateau-500: #ad7a3b;
--color-high-plateau-600: #926833;
--color-high-plateau-700: #755328;
--color-high-plateau-800: #583c1c;
--color-high-plateau-900: #3d2912;
--color-high-plateau-950: #271705;
}SCSS
$high-plateau: #e4b37a;
$high-plateau-rgb: 228, 179, 122;
$high-plateau-light: mix(#fff, $high-plateau, 20%);
$high-plateau-dark: mix(#000, $high-plateau, 20%);
.element {
color: $high-plateau;
box-shadow: 0 0 0 2px rgba($high-plateau, 0.35);
}