色名 · #DABA55
Golden Bass
Golden Bassは#DABA55：rgb(218 186 85)、hsl(46 64% 59%)、oklch(0.797 0.125 91.7)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Yellow mean? → · Golden Bass color name →
#DABA55
oklch(0.797 0.125 91.7)
カラー変換
- HEX
- #daba55
- RGB
- rgb(218 186 85)
- HSL
- hsl(46 64% 59%)
- HWB
- hwb(46 33% 15%)
- OKLCH
- oklch(0.797 0.125 91.7)
- OKLab
- oklab(0.797 -0.004 0.125)
- CIE Lab
- lab(76.89 3.39 54.31)
- LCH
- lch(76.89 54.42 86.4)
- CMYK
- cmyk(0% 15% 61% 15%)
ティント · シェード · トーン
ティント
- DEC169
- E1C87C
- E5CF8D
- E9D69E
- ECDDAF
- F0E4BF
- F4EBCF
- F8F2DF
- FBF8EF
シェード
- BDA149
- A2893D
- 877231
- 6C5C26
- 54461C
- 3C3211
- 251E08
- 110D02
- 020200
トーン
- D1B45C
- C7AF63
- BEA968
- B5A36D
- AC9D71
- A39775
- 9A9278
- 918C7B
- 89867E
カラーハーモニー
補色 +180°
- DABA55
Golden Bass
- A5B9FF
≈ Truesky Gloxym
類似色 -30° +30°
- DABA55
Golden Bass
- F6AA64
≈ Candied Yams
- B0CA6A
≈ Young Leaf
トライアド +120° +240°
- DABA55
Golden Bass
- 3DD2EB
≈ Thousand Sons Blue
- EC9EE1
≈ Candy Floss
スプリットコンプリメンタリー +150° +210°
- DABA55
Golden Bass
- 77C6FF
≈ Maya Blue
- CBAAFF
≈ Purple Hepatica
テトラード +90° +180° +270°
- DABA55
Golden Bass
- 45D7C2
≈ Turquoise Panic
- A5B9FF
≈ Truesky Gloxym
- FF9AB7
≈ Saira Red
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.88:1 · APCA Lc 36
Ag
AAA黒の上
WCAG 11.13:1 · APCA Lc 67
最適な文字色: #000000
WCAG 11.13:1 (AAA) · APCA Lc 67
Contrast pairs
コードスニペット
CSS
:root {
--golden-bass: #daba55;
--golden-bass-rgb: 218 186 85;
--golden-bass-oklch: oklch(0.797 0.125 91.7);
}
.element {
color: var(--golden-bass);
background-color: hsl(46 64% 59%);
border-color: oklch(0.797 0.125 91.7);
}Tailwind CSS v4
@theme {
--color-golden-bass: #daba55;
--color-golden-bass-50: #fff5cd;
--color-golden-bass-100: #f6e8b9;
--color-golden-bass-200: #e6d497;
--color-golden-bass-300: #cdb66a;
--color-golden-bass-400: #b99c3b;
--color-golden-bass-500: #a48200;
--color-golden-bass-600: #8b6e00;
--color-golden-bass-700: #6f5800;
--color-golden-bass-800: #534000;
--color-golden-bass-900: #3a2c00;
--color-golden-bass-950: #241900;
}SCSS
$golden-bass: #daba55;
$golden-bass-rgb: 218, 186, 85;
$golden-bass-light: mix(#fff, $golden-bass, 20%);
$golden-bass-dark: mix(#000, $golden-bass, 20%);
.element {
color: $golden-bass;
box-shadow: 0 0 0 2px rgba($golden-bass, 0.35);
}