色名 · #D3A907
Armageddon Dust
Armageddon Dustは#D3A907：rgb(211 169 7)、hsl(48 94% 43%)、oklch(0.751 0.153 90.6)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Yellow mean? → · Armageddon Dust color name →
#D3A907
oklch(0.751 0.153 90.6)
カラー変換
- HEX
- #d3a907
- RGB
- rgb(211 169 7)
- HSL
- hsl(48 94% 43%)
- HWB
- hwb(48 3% 17%)
- OKLCH
- oklch(0.751 0.153 90.6)
- OKLab
- oklab(0.751 -0.002 0.152)
- CIE Lab
- lab(71.52 6.86 72.81)
- LCH
- lch(71.52 73.13 84.6)
- CMYK
- cmyk(0% 20% 97% 17%)
ティント · シェード · トーン
ティント
- D7B23D
- DCBB5A
- E0C472
- E5CC88
- E9D59C
- EDDDB1
- F2E6C4
- F6EED8
- FBF7EC
シェード
- B79205
- 9C7C04
- 826702
- 695302
- 513F01
- 3A2C00
- 241B00
- 100A00
- 020100
トーン
- CAA52C
- C2A13E
- B99D4B
- B19956
- A9955F
- A09167
- 988D6E
- 908975
- 88847B
カラーハーモニー
補色 +180°
- D3A907
Armageddon Dust
- 90A9FF
≈ Widowmaker
類似色 -30° +30°
- D3A907
Armageddon Dust
- F39538
≈ Highlighter Orange
- A1BC3E
≈ In the Tropics
トライアド +120° +240°
- D3A907
Armageddon Dust
- 00C4DC
≈ Caribbean Blue
- E488DB
≈ Blushed Bombshell
スプリットコンプリメンタリー +150° +210°
- D3A907
Armageddon Dust
- 4AB9FF
≈ Glitter Lake
- BE96FF
≈ Liliac
テトラード +90° +180° +270°
- D3A907
Armageddon Dust
- 00CAB3
≈ Pristine Oceanic
- 90A9FF
≈ Widowmaker
- FB82A9
≈ Pink Makeup
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.22:1 · APCA Lc 44
Ag
AAA黒の上
WCAG 9.44:1 · APCA Lc 59
最適な文字色: #000000
WCAG 9.44:1 (AAA) · APCA Lc 59
Contrast pairs
コードスニペット
CSS
:root {
--armageddon-dust: #d3a907;
--armageddon-dust-rgb: 211 169 7;
--armageddon-dust-oklch: oklch(0.751 0.153 90.6);
}
.element {
color: var(--armageddon-dust);
background-color: hsl(48 94% 43%);
border-color: oklch(0.751 0.153 90.6);
}Tailwind CSS v4
@theme {
--color-armageddon-dust: #d3a907;
--color-armageddon-dust-50: #fff5c4;
--color-armageddon-dust-100: #fae7ae;
--color-armageddon-dust-200: #ebd387;
--color-armageddon-dust-300: #d3b553;
--color-armageddon-dust-400: #c19900;
--color-armageddon-dust-500: #ac7f00;
--color-armageddon-dust-600: #926b00;
--color-armageddon-dust-700: #755600;
--color-armageddon-dust-800: #583e00;
--color-armageddon-dust-900: #3d2b00;
--color-armageddon-dust-950: #271800;
}SCSS
$armageddon-dust: #d3a907;
$armageddon-dust-rgb: 211, 169, 7;
$armageddon-dust-light: mix(#fff, $armageddon-dust, 20%);
$armageddon-dust-dark: mix(#000, $armageddon-dust, 20%);
.element {
color: $armageddon-dust;
box-shadow: 0 0 0 2px rgba($armageddon-dust, 0.35);
}