色名 · #DBBD76
Brass Nail
Brass Nailは#DBBD76：rgb(219 189 118)、hsl(42 58% 66%)、oklch(0.809 0.096 87.4)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Yellow mean? → · Brass Nail color name →
#DBBD76
oklch(0.809 0.096 87.4)
カラー変換
- HEX
- #dbbd76
- RGB
- rgb(219 189 118)
- HSL
- hsl(42 58% 66%)
- HWB
- hwb(42 46% 14%)
- OKLCH
- oklch(0.809 0.096 87.4)
- OKLab
- oklab(0.809 0.004 0.096)
- CIE Lab
- lab(78.08 4.28 39.91)
- LCH
- lch(78.08 40.13 83.9)
- CMYK
- cmyk(0% 14% 46% 14%)
ティント · シェード · トーン
ティント
- DFC485
- E2CA93
- E6D1A1
- E9D8AE
- EDDEBC
- F1E5C9
- F4EBD7
- F8F2E4
- FBF8F2
シェード
- BEA466
- A28C56
- 877447
- 6D5D38
- 544729
- 3C331C
- 261F0F
- 110D05
- 020201
トーン
- D2B778
- C8B17A
- BFAB7B
- B6A57D
- AD9E7E
- A3987F
- 9A927F
- 928C80
- 898680
カラーハーモニー
補色 +180°
- DBBD76
Brass Nail
- A5BFFF
≈ Pastel Blue
類似色 -30° +30°
- DBBD76
Brass Nail
- F0B182
≈ Rusty Sand
- BBC981
≈ Nurgling Green
トライアド +120° +240°
- DBBD76
Brass Nail
- 6DD2E0
≈ Summer of ’82
- E2ABE1
≈ Barely Bloomed
スプリットコンプリメンタリー +150° +210°
- DBBD76
Brass Nail
- 82CAF7
≈ Chromis Damsel Blue
- C7B4F7
≈ Violet Heaven
テトラード +90° +180° +270°
- DBBD76
Brass Nail
- 76D5C0
≈ Green Parakeet
- A5BFFF
≈ Pastel Blue
- F4A7C1
≈ Pink Flutter
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.81:1 · APCA Lc 34
Ag
AAA黒の上
WCAG 11.55:1 · APCA Lc 69
最適な文字色: #000000
WCAG 11.55:1 (AAA) · APCA Lc 69
Contrast pairs
コードスニペット
CSS
:root {
--brass-nail: #dbbd76;
--brass-nail-rgb: 219 189 118;
--brass-nail-oklch: oklch(0.809 0.096 87.4);
}
.element {
color: var(--brass-nail);
background-color: hsl(42 58% 66%);
border-color: oklch(0.809 0.096 87.4);
}Tailwind CSS v4
@theme {
--color-brass-nail: #dbbd76;
--color-brass-nail-50: #fff4d7;
--color-brass-nail-100: #f5e7c4;
--color-brass-nail-200: #e5d3a6;
--color-brass-nail-300: #cbb67e;
--color-brass-nail-400: #b79b59;
--color-brass-nail-500: #a18230;
--color-brass-nail-600: #886e2a;
--color-brass-nail-700: #6d5822;
--color-brass-nail-800: #514016;
--color-brass-nail-900: #392c0e;
--color-brass-nail-950: #231902;
}SCSS
$brass-nail: #dbbd76;
$brass-nail-rgb: 219, 189, 118;
$brass-nail-light: mix(#fff, $brass-nail, 20%);
$brass-nail-dark: mix(#000, $brass-nail, 20%);
.element {
color: $brass-nail;
box-shadow: 0 0 0 2px rgba($brass-nail, 0.35);
}