色名 · #DBB40C
Gold Tooth
Gold Toothは#DBB40C：rgb(219 180 12)、hsl(49 90% 45%)、oklch(0.782 0.158 92.9)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Yellow mean? → · Gold Tooth color name →
#DBB40C
oklch(0.782 0.158 92.9)
カラー変換
- HEX
- #dbb40c
- RGB
- rgb(219 180 12)
- HSL
- hsl(49 90% 45%)
- HWB
- hwb(49 5% 14%)
- OKLCH
- oklch(0.782 0.158 92.9)
- OKLab
- oklab(0.782 -0.008 0.158)
- CIE Lab
- lab(75.14 4.84 75.17)
- LCH
- lch(75.14 75.33 86.3)
- CMYK
- cmyk(0% 18% 95% 14%)
ティント · シェード · トーン
ティント
- DFBC40
- E2C45D
- E6CB75
- E9D38A
- EDDA9F
- F1E2B3
- F4E9C6
- F8F1D9
- FBF8EC
シェード
- BE9C09
- A28506
- 876E04
- 6D5803
- 544402
- 3C3001
- 261D00
- 110C00
- 020200
トーン
- D2AF2F
- C8AA41
- BFA54E
- B6A059
- AC9B61
- A39669
- 9A9070
- 918B76
- 89867B
カラーハーモニー
補色 +180°
- DBB40C
Gold Tooth
- A0B3FF
≈ Wondrous Wisteria
類似色 -30° +30°
- DBB40C
Gold Tooth
- FE9E38
≈ Hawaiian Passion
- A5C847
≈ Seductive Thorns
トライアド +120° +240°
- DBB40C
Gold Tooth
- 00CEEC
≈ Picnic Day Sky
- F38FE3
≈ Bubblegum Kisses
スプリットコンプリメンタリー +150° +210°
- DBB40C
Gold Tooth
- 6EC1FF
≈ Maya Blue
- C9A2FF
≈ Diva
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.99:1 · APCA Lc 38
Ag
AAA黒の上
WCAG 10.54:1 · APCA Lc 64
最適な文字色: #000000
WCAG 10.54:1 (AAA) · APCA Lc 64
Contrast pairs
コードスニペット
CSS
:root {
--gold-tooth: #dbb40c;
--gold-tooth-rgb: 219 180 12;
--gold-tooth-oklch: oklch(0.782 0.158 92.9);
}
.element {
color: var(--gold-tooth);
background-color: hsl(49 90% 45%);
border-color: oklch(0.782 0.158 92.9);
}Tailwind CSS v4
@theme {
--color-gold-tooth: #dbb40c;
--color-gold-tooth-50: #fff5c2;
--color-gold-tooth-100: #f8e8ac;
--color-gold-tooth-200: #e9d484;
--color-gold-tooth-300: #d1b64e;
--color-gold-tooth-400: #bf9a00;
--color-gold-tooth-500: #ab8000;
--color-gold-tooth-600: #906d00;
--color-gold-tooth-700: #735700;
--color-gold-tooth-800: #573e00;
--color-gold-tooth-900: #3d2b00;
--color-gold-tooth-950: #261800;
}SCSS
$gold-tooth: #dbb40c;
$gold-tooth-rgb: 219, 180, 12;
$gold-tooth-light: mix(#fff, $gold-tooth, 20%);
$gold-tooth-dark: mix(#000, $gold-tooth, 20%);
.element {
color: $gold-tooth;
box-shadow: 0 0 0 2px rgba($gold-tooth, 0.35);
}