色名 · #EA993B
Roasted Chestnut
Roasted Chestnutは#EA993B：rgb(234 153 59)、hsl(32 81% 57%)、oklch(0.749 0.143 65.9)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Orange mean? → · Roasted Chestnut color name →
#EA993B
oklch(0.749 0.143 65.9)
カラー変換
- HEX
- #ea993b
- RGB
- rgb(234 153 59)
- HSL
- hsl(32 81% 57%)
- HWB
- hwb(32 23% 8%)
- OKLCH
- oklch(0.749 0.143 65.9)
- OKLab
- oklab(0.749 0.058 0.131)
- CIE Lab
- lab(70.46 25.7 59.7)
- LCH
- lch(70.46 65 66.7)
- CMYK
- cmyk(0% 35% 75% 8%)
ティント · シェード · トーン
ティント
- EDA454
- F0AE6A
- F2B87E
- F5C391
- F7CDA4
- F9D7B7
- FBE1C9
- FCEBDB
- FEF5ED
シェード
- CB8432
- AE7029
- 915D21
- 754A19
- 5A3811
- 412709
- 291704
- 130801
- 030100
トーン
- DF9747
- D59551
- CA9359
- C09061
- B58E67
- AB8B6D
- A08972
- 958677
- 8B837C
カラーハーモニー
補色 +180°
- EA993B
Roasted Chestnut
- 5BB5FF
≈ Tiān Lán Sky
類似色 -30° +30°
- EA993B
Roasted Chestnut
- FA8A6C
≈ Fruit Red
- C9AC28
≈ Hippie Trail
トライアド +120° +240°
- EA993B
Roasted Chestnut
- 00C8BA
≈ Pristine Oceanic
- C494F5
≈ Baby Purple
スプリットコンプリメンタリー +150° +210°
- EA993B
Roasted Chestnut
- 00C2E3
≈ Caribbean Blue
- 97A6FF
≈ Widowmaker
テトラード +90° +180° +270°
- EA993B
Roasted Chestnut
- 53C886
≈ Enamelled Dragon
- 5BB5FF
≈ Tiān Lán Sky
- E589D0
≈ Blushed Bombshell
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.30:1 · APCA Lc 45
Ag
AAA黒の上
WCAG 9.11:1 · APCA Lc 57
最適な文字色: #000000
WCAG 9.11:1 (AAA) · APCA Lc 57
Contrast pairs
コードスニペット
CSS
:root {
--roasted-chestnut: #ea993b;
--roasted-chestnut-rgb: 234 153 59;
--roasted-chestnut-oklch: oklch(0.749 0.143 65.9);
}
.element {
color: var(--roasted-chestnut);
background-color: hsl(32 81% 57%);
border-color: oklch(0.749 0.143 65.9);
}Tailwind CSS v4
@theme {
--color-roasted-chestnut: #ea993b;
--color-roasted-chestnut-50: #ffeeca;
--color-roasted-chestnut-100: #ffe0b5;
--color-roasted-chestnut-200: #fdc991;
--color-roasted-chestnut-300: #e8a963;
--color-roasted-chestnut-400: #d78b32;
--color-roasted-chestnut-500: #c46e00;
--color-roasted-chestnut-600: #a55d00;
--color-roasted-chestnut-700: #854b00;
--color-roasted-chestnut-800: #643500;
--color-roasted-chestnut-900: #462400;
--color-roasted-chestnut-950: #2d1300;
}SCSS
$roasted-chestnut: #ea993b;
$roasted-chestnut-rgb: 234, 153, 59;
$roasted-chestnut-light: mix(#fff, $roasted-chestnut, 20%);
$roasted-chestnut-dark: mix(#000, $roasted-chestnut, 20%);
.element {
color: $roasted-chestnut;
box-shadow: 0 0 0 2px rgba($roasted-chestnut, 0.35);
}