色名 · #D1B669
Trumpet
Trumpetは#D1B669：rgb(209 182 105)、hsl(44 53% 62%)、oklch(0.783 0.102 90.6)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Yellow mean? → · Trumpet color name →
#D1B669
oklch(0.783 0.102 90.6)
カラー変換
- HEX
- #d1b669
- RGB
- rgb(209 182 105)
- HSL
- hsl(44 53% 62%)
- HWB
- hwb(44 41% 18%)
- OKLCH
- oklch(0.783 0.102 90.6)
- OKLab
- oklab(0.783 -0.001 0.102)
- CIE Lab
- lab(75.19 2.77 42.64)
- LCH
- lch(75.19 42.73 86.3)
- CMYK
- cmyk(0% 13% 50% 18%)
ティント · シェード · トーン
ティント
- D6BD79
- DAC589
- DFCC98
- E3D3A7
- E8DBB6
- ECE2C4
- F1E9D3
- F6F0E2
- FAF8F0
シェード
- B59E5A
- 9B864C
- 816F3E
- 685931
- 504424
- 393018
- 231D0C
- 100C04
- 020200
トーン
- C9B16D
- C0AB70
- B8A673
- B0A076
- A89B78
- A0967A
- 98907C
- 908B7D
- 88857F
カラーハーモニー
補色 +180°
- D1B669
Trumpet
- A0B5FA
≈ Wondrous Wisteria
類似色 -30° +30°
- D1B669
Trumpet
- E8A974
≈ Sweet Curry
- AFC377
≈ Valley View
トライアド +120° +240°
- D1B669
Trumpet
- 5FCADD
≈ Watercourse
- DEA1D7
≈ Plum Juice
スプリットコンプリメンタリー +150° +210°
- D1B669
Trumpet
- 7AC1F3
≈ Maya Blue
- C3A9F0
≈ Purple Sand
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.97:1 · APCA Lc 38
Ag
AAA黒の上
WCAG 10.60:1 · APCA Lc 64
最適な文字色: #000000
WCAG 10.60:1 (AAA) · APCA Lc 64
Contrast pairs
コードスニペット
CSS
:root {
--trumpet: #d1b669;
--trumpet-rgb: 209 182 105;
--trumpet-oklch: oklch(0.783 0.102 90.6);
}
.element {
color: var(--trumpet);
background-color: hsl(44 53% 62%);
border-color: oklch(0.783 0.102 90.6);
}Tailwind CSS v4
@theme {
--color-trumpet: #d1b669;
--color-trumpet-50: #fff5d5;
--color-trumpet-100: #f4e8c2;
--color-trumpet-200: #e3d4a3;
--color-trumpet-300: #c9b77a;
--color-trumpet-400: #b59c54;
--color-trumpet-500: #a08327;
--color-trumpet-600: #876f24;
--color-trumpet-700: #6c591c;
--color-trumpet-800: #514012;
--color-trumpet-900: #382c0b;
--color-trumpet-950: #231901;
}SCSS
$trumpet: #d1b669;
$trumpet-rgb: 209, 182, 105;
$trumpet-light: mix(#fff, $trumpet, 20%);
$trumpet-dark: mix(#000, $trumpet, 20%);
.element {
color: $trumpet;
box-shadow: 0 0 0 2px rgba($trumpet, 0.35);
}