色名 · #D5AB2C
Brassy
Brassyは#D5AB2C：rgb(213 171 44)、hsl(45 67% 50%)、oklch(0.759 0.143 89.1)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Yellow mean? → · Brassy color name →
#D5AB2C
oklch(0.759 0.143 89.1)
カラー変換
- HEX
- #d5ab2c
- RGB
- rgb(213 171 44)
- HSL
- hsl(45 67% 50%)
- HWB
- hwb(45 17% 16%)
- OKLCH
- oklch(0.759 0.143 89.1)
- OKLab
- oklab(0.759 0.002 0.143)
- CIE Lab
- lab(72.33 7.27 65.78)
- LCH
- lch(72.33 66.18 83.7)
- CMYK
- cmyk(0% 20% 79% 16%)
ティント · シェード · トーン
ティント
- D9B44C
- DEBC64
- E2C57A
- E6CD8E
- EAD6A2
- EEDEB5
- F3E6C7
- F7EFDA
- FBF7ED
シェード
- B99425
- 9E7E1E
- 836817
- 6A5411
- 51400A
- 3A2D05
- 241B02
- 100B01
- 020100
トーン
- CCA73D
- C4A34A
- BB9F54
- B29B5D
- AA9664
- A1926B
- 998E71
- 918976
- 88857B
カラーハーモニー
補色 +180°
- D5AB2C
Brassy
- 91ADFF
≈ Widowmaker
類似色 -30° +30°
- D5AB2C
Brassy
- F29849
≈ Question Mark Block
- A7BD4A
≈ Money Banks
トライアド +120° +240°
- D5AB2C
Brassy
- 00C7DD
≈ Caribbean Blue
- E28EDD
≈ Love Dust
スプリットコンプリメンタリー +150° +210°
- D5AB2C
Brassy
- 4CBCFF
≈ Glitter Lake
- BE9BFE
≈ Baby Purple
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.16:1 · APCA Lc 42
Ag
AAA黒の上
WCAG 9.69:1 · APCA Lc 60
最適な文字色: #000000
WCAG 9.69:1 (AAA) · APCA Lc 60
Contrast pairs
コードスニペット
CSS
:root {
--brassy: #d5ab2c;
--brassy-rgb: 213 171 44;
--brassy-oklch: oklch(0.759 0.143 89.1);
}
.element {
color: var(--brassy);
background-color: hsl(45 67% 50%);
border-color: oklch(0.759 0.143 89.1);
}Tailwind CSS v4
@theme {
--color-brassy: #d5ab2c;
--color-brassy-50: #fff4c7;
--color-brassy-100: #fae7b2;
--color-brassy-200: #ebd38d;
--color-brassy-300: #d3b55b;
--color-brassy-400: #c0991e;
--color-brassy-500: #ac7f00;
--color-brassy-600: #916b00;
--color-brassy-700: #745600;
--color-brassy-800: #573e00;
--color-brassy-900: #3d2a00;
--color-brassy-950: #271800;
}SCSS
$brassy: #d5ab2c;
$brassy-rgb: 213, 171, 44;
$brassy-light: mix(#fff, $brassy, 20%);
$brassy-dark: mix(#000, $brassy, 20%);
.element {
color: $brassy;
box-shadow: 0 0 0 2px rgba($brassy, 0.35);
}