最も近い色名 · #24140A
#24140A
最も近い色名: Burnt Coffee
#24140A（rgb(36 20 10)、hsl(23 57% 9%)、oklch(0.21 0.032 52.2)）に最も近い色名はBurnt Coffeeです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#24140A
oklch(0.21 0.032 52.2)
カラー変換
- HEX
- #24140a
- RGB
- rgb(36 20 10)
- HSL
- hsl(23 57% 9%)
- HWB
- hwb(23 4% 86%)
- OKLCH
- oklch(0.21 0.032 52.2)
- OKLab
- oklab(0.21 0.02 0.025)
- CIE Lab
- lab(8.24 7.46 8.37)
- LCH
- lch(8.24 11.21 48.3)
- CMYK
- cmyk(0% 44% 72% 86%)
ティント · シェード · トーン
ティント
- 37271E
- 4B3C33
- 5F5149
- 746861
- 8A7F79
- A09892
- B7B0AD
- CFCAC7
- E7E4E3
シェード
- 1E1007
- 180C05
- 120803
- 0C0502
- 070301
- 040101
- 020100
- 000000
- 000000
トーン
- 2D1E14
- 35271F
- 3E322A
- 473C36
- 504741
- 5A524D
- 635D5A
- 6D6866
- 767473
カラーハーモニー
補色 +180°
- 24140A
Burnt Coffee
- 071B25
≈ Creeping Death
類似色 -30° +30°
- 24140A
Burnt Coffee
- 251212
≈ Italian Roast
- 201706
≈ Noir Mystique
トライアド +120° +240°
- 24140A
Burnt Coffee
- 061D17
≈ Black Stallion
- 191626
≈ Sambucus
スプリットコンプリメンタリー +150° +210°
- 24140A
Burnt Coffee
- 031D1F
≈ Black Stallion
- 101827
≈ Sambucus
テトラード +90° +180° +270°
- 24140A
Burnt Coffee
- 101C0E
≈ Pinch of Pepper
- 071B25
≈ Creeping Death
- 1F1321
≈ Inside
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 17.80:1 · APCA Lc 105
Ag
Fail黒の上
WCAG 1.17:1 · APCA Lc 0
最適な文字色: #FFFFFF
WCAG 17.80:1 (AAA) · APCA Lc 105
Contrast pairs
コードスニペット
CSS
:root {
--burnt-coffee: #24140a;
--burnt-coffee-rgb: 36 20 10;
--burnt-coffee-oklch: oklch(0.21 0.032 52.2);
}
.element {
color: var(--burnt-coffee);
background-color: hsl(23 57% 9%);
border-color: oklch(0.21 0.032 52.2);
}Tailwind CSS v4
@theme {
--color-burnt-coffee: #24140a;
--color-burnt-coffee-50: #fdf3ed;
--color-burnt-coffee-100: #f1e5de;
--color-burnt-coffee-200: #e0d1c8;
--color-burnt-coffee-300: #c5b3a8;
--color-burnt-coffee-400: #af9a8d;
--color-burnt-coffee-500: #988173;
--color-burnt-coffee-600: #816d61;
--color-burnt-coffee-700: #67574e;
--color-burnt-coffee-800: #4c3f39;
--color-burnt-coffee-900: #352c27;
--color-burnt-coffee-950: #201915;
}SCSS
$burnt-coffee: #24140a;
$burnt-coffee-rgb: 36, 20, 10;
$burnt-coffee-light: mix(#fff, $burnt-coffee, 20%);
$burnt-coffee-dark: mix(#000, $burnt-coffee, 20%);
.element {
color: $burnt-coffee;
box-shadow: 0 0 0 2px rgba($burnt-coffee, 0.35);
}