最も近い色名 · #2A1500
#2A1500
最も近い色名: Shadow Play
#2A1500（rgb(42 21 0)、hsl(30 100% 8%)、oklch(0.221 0.049 65.1)）に最も近い色名はShadow Playです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#2A1500
oklch(0.221 0.049 65.1)
カラー変換
- HEX
- #2a1500
- RGB
- rgb(42 21 0)
- HSL
- hsl(30 100% 8%)
- HWB
- hwb(30 0% 84%)
- OKLCH
- oklch(0.221 0.049 65.1)
- OKLab
- oklab(0.221 0.021 0.045)
- CIE Lab
- lab(9.42 9.37 14.26)
- LCH
- lch(9.42 17.07 56.7)
- CMYK
- cmyk(0% 50% 100% 84%)
ティント · シェード · トーン
ティント
- 3D2914
- 503D2B
- 645342
- 79695B
- 8E8174
- A4998E
- BAB1A9
- D0CBC5
- E8E5E2
シェード
- 231100
- 1C0C00
- 160800
- 100500
- 0A0300
- 050200
- 020100
- 010000
- 000000
トーン
- 321F0A
- 3B2917
- 433323
- 4C3D30
- 54483D
- 5D5349
- 655E57
- 6E6964
- 777472
カラーハーモニー
補色 +180°
- 2A1500
Shadow Play
- 031C30
≈ Oxford by Night
類似色 -30° +30°
- 2A1500
Shadow Play
- 2E110A
≈ Dark Danger
- 211A00
≈ Cannon Black
トライアド +120° +240°
- 2A1500
Shadow Play
- 00201D
≈ Stellar Explorer
- 20142D
≈ Blacklist
スプリットコンプリメンタリー +150° +210°
- 2A1500
Shadow Play
- 001F26
≈ Stellar Explorer
- 141831
≈ Dark Knight
テトラード +90° +180° +270°
- 2A1500
Shadow Play
- 032110
≈ Clock Chimes Thirteen
- 031C30
≈ Oxford by Night
- 281124
≈ Inside
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 17.41:1 · APCA Lc 104
Ag
Fail黒の上
WCAG 1.20:1 · APCA Lc 0
最適な文字色: #FFFFFF
WCAG 17.41:1 (AAA) · APCA Lc 104
Contrast pairs
コードスニペット
CSS
:root {
--shadow-play: #2a1500;
--shadow-play-rgb: 42 21 0;
--shadow-play-oklch: oklch(0.221 0.049 65.1);
}
.element {
color: var(--shadow-play);
background-color: hsl(30 100% 8%);
border-color: oklch(0.221 0.049 65.1);
}Tailwind CSS v4
@theme {
--color-shadow-play: #2a1500;
--color-shadow-play-50: #fff3e7;
--color-shadow-play-100: #f4e5d7;
--color-shadow-play-200: #e3d1be;
--color-shadow-play-300: #c9b39d;
--color-shadow-play-400: #b39980;
--color-shadow-play-500: #9d8064;
--color-shadow-play-600: #856c55;
--color-shadow-play-700: #6b5743;
--color-shadow-play-800: #4f3f31;
--color-shadow-play-900: #372b21;
--color-shadow-play-950: #221910;
}SCSS
$shadow-play: #2a1500;
$shadow-play-rgb: 42, 21, 0;
$shadow-play-light: mix(#fff, $shadow-play, 20%);
$shadow-play-dark: mix(#000, $shadow-play, 20%);
.element {
color: $shadow-play;
box-shadow: 0 0 0 2px rgba($shadow-play, 0.35);
}