色名 · #B94E48
Deep Chestnut
Deep Chestnutは#B94E48：rgb(185 78 72)、hsl(3 45% 50%)、oklch(0.562 0.14 25.8)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Red mean? → · Deep Chestnut color name →
#B94E48
oklch(0.562 0.14 25.8)
カラー変換
- HEX
- #b94e48
- RGB
- rgb(185 78 72)
- HSL
- hsl(3 45% 50%)
- HWB
- hwb(3 28% 27%)
- OKLCH
- oklch(0.562 0.14 25.8)
- OKLab
- oklab(0.562 0.126 0.061)
- CIE Lab
- lab(47.81 43.83 26.35)
- LCH
- lch(47.81 51.14 31)
- CMYK
- cmyk(0% 58% 61% 27%)
ティント · シェード · トーン
ティント
- C26159
- CA726B
- D2847D
- DA958E
- E1A7A1
- E8B8B3
- EECAC6
- F4DBD8
- FAEDEC
シェード
- A0433D
- 893833
- 712D29
- 5B231F
- 461916
- 310F0D
- 1E0706
- 0D0202
- 020000
トーン
- B4554E
- B05B54
- AB605A
- A6655F
- A06A65
- 9A6F6A
- 947470
- 8E7875
- 877C7B
カラーハーモニー
補色 +180°
- B94E48
Deep Chestnut
- 008590
≈ Blue Slushie
類似色 -30° +30°
- B94E48
Deep Chestnut
- B24C78
≈ Diva Glam
- B05B00
≈ Elm Brown Red
トライアド +120° +240°
- B94E48
Deep Chestnut
- 328A3E
≈ Resplendent Growth
- 4D70C7
≈ Han Blue
スプリットコンプリメンタリー +150° +210°
- B94E48
Deep Chestnut
- 008972
≈ Industrial Turquoise
- 007EB2
≈ Capstan
テトラード +90° +180° +270°
- B94E48
Deep Chestnut
- 727D00
≈ Flag Green
- 008590
≈ Blue Slushie
- 7D61BD
≈ Ultra Violet
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 4.94:1 · APCA Lc 74
Ag
Fail黒の上
WCAG 4.24:1 · APCA Lc 28
最適な文字色: #FFFFFF
WCAG 4.94:1 (AA) · APCA Lc 74
Contrast pairs
コードスニペット
CSS
:root {
--deep-chestnut: #b94e48;
--deep-chestnut-rgb: 185 78 72;
--deep-chestnut-oklch: oklch(0.562 0.14 25.8);
}
.element {
color: var(--deep-chestnut);
background-color: hsl(3 45% 50%);
border-color: oklch(0.562 0.14 25.8);
}Tailwind CSS v4
@theme {
--color-deep-chestnut: #b94e48;
--color-deep-chestnut-50: #ffe7df;
--color-deep-chestnut-100: #ffd7ce;
--color-deep-chestnut-200: #ffbeb3;
--color-deep-chestnut-300: #f79b8f;
--color-deep-chestnut-400: #e57b72;
--color-deep-chestnut-500: #d35a53;
--color-deep-chestnut-600: #b24d47;
--color-deep-chestnut-700: #8f3e39;
--color-deep-chestnut-800: #6b2b2a;
--color-deep-chestnut-900: #4b1d1c;
--color-deep-chestnut-950: #310d0c;
}SCSS
$deep-chestnut: #b94e48;
$deep-chestnut-rgb: 185, 78, 72;
$deep-chestnut-light: mix(#fff, $deep-chestnut, 20%);
$deep-chestnut-dark: mix(#000, $deep-chestnut, 20%);
.element {
color: $deep-chestnut;
box-shadow: 0 0 0 2px rgba($deep-chestnut, 0.35);
}