最も近い色名 · #DBAB57
#DBAB57
最も近い色名: Old Whiskey
#DBAB57（rgb(219 171 87)、hsl(38 65% 60%)、oklch(0.769 0.116 79.6)）に最も近い色名はOld Whiskeyです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#DBAB57
oklch(0.769 0.116 79.6)
カラー変換
- HEX
- #dbab57
- RGB
- rgb(219 171 87)
- HSL
- hsl(38 65% 60%)
- HWB
- hwb(38 34% 14%)
- OKLCH
- oklch(0.769 0.116 79.6)
- OKLab
- oklab(0.769 0.021 0.114)
- CIE Lab
- lab(73.24 11.43 49.44)
- LCH
- lch(73.24 50.74 77)
- CMYK
- cmyk(0% 22% 60% 14%)
ティント · シェード · トーン
ティント
- DFB46A
- E3BC7C
- E6C48D
- EACD9E
- EED5AE
- F1DEBE
- F5E6CF
- F8EEDF
- FCF7EF
シェード
- BE944B
- A27E3E
- 876833
- 6D5427
- 54401C
- 3C2D12
- 261B08
- 110B03
- 020100
トーン
- D2A75D
- C8A363
- BF9F68
- B69A6D
- AD9671
- A49274
- 9B8D78
- 92897B
- 89857E
カラーハーモニー
補色 +180°
- DBAB57
Old Whiskey
- 87B5FE
≈ Carolina Blue
類似色 -30° +30°
- DBAB57
Old Whiskey
- F09D6F
≈ Florida Mango
- B9BA5D
≈ Parachute
トライアド +120° +240°
- DBAB57
Old Whiskey
- 3DCAD0
≈ Sea Serpent
- D49BE2
≈ Bright Ube
スプリットコンプリメンタリー +150° +210°
- DBAB57
Old Whiskey
- 59C1EF
≈ Clean Pool
- B2A7F9
≈ Shy Moment
テトラード +90° +180° +270°
- DBAB57
Old Whiskey
- 5BCCA8
≈ Diroset
- 87B5FE
≈ Carolina Blue
- EB94BF
≈ Shocking
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.10:1 · APCA Lc 41
Ag
AAA黒の上
WCAG 9.97:1 · APCA Lc 61
最適な文字色: #000000
WCAG 9.97:1 (AAA) · APCA Lc 61
Contrast pairs
コードスニペット
CSS
:root {
--old-whiskey: #dbab57;
--old-whiskey-rgb: 219 171 87;
--old-whiskey-oklch: oklch(0.769 0.116 79.6);
}
.element {
color: var(--old-whiskey);
background-color: hsl(38 65% 60%);
border-color: oklch(0.769 0.116 79.6);
}Tailwind CSS v4
@theme {
--color-old-whiskey: #dbab57;
--color-old-whiskey-50: #fff3d0;
--color-old-whiskey-100: #fce5bd;
--color-old-whiskey-200: #eed09c;
--color-old-whiskey-300: #d6b271;
--color-old-whiskey-400: #c39647;
--color-old-whiskey-500: #ae7c03;
--color-old-whiskey-600: #93690c;
--color-old-whiskey-700: #76540b;
--color-old-whiskey-800: #583c06;
--color-old-whiskey-900: #3e2905;
--color-old-whiskey-950: #271700;
}SCSS
$old-whiskey: #dbab57;
$old-whiskey-rgb: 219, 171, 87;
$old-whiskey-light: mix(#fff, $old-whiskey, 20%);
$old-whiskey-dark: mix(#000, $old-whiskey, 20%);
.element {
color: $old-whiskey;
box-shadow: 0 0 0 2px rgba($old-whiskey, 0.35);
}