色名 · #DBA539
Scrofulous Brown
Scrofulous Brownは#DBA539：rgb(219 165 57)、hsl(40 69% 54%)、oklch(0.754 0.136 80.9)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Orange mean? → · Scrofulous Brown color name →
#DBA539
oklch(0.754 0.136 80.9)
カラー変換
- HEX
- #dba539
- RGB
- rgb(219 165 57)
- HSL
- hsl(40 69% 54%)
- HWB
- hwb(40 22% 14%)
- OKLCH
- oklch(0.754 0.136 80.9)
- OKLab
- oklab(0.754 0.022 0.134)
- CIE Lab
- lab(71.54 13.24 60.77)
- LCH
- lch(71.54 62.2 77.7)
- CMYK
- cmyk(0% 25% 74% 14%)
ティント · シェード · トーン
ティント
- DFAE53
- E3B76A
- E6C17E
- EACA91
- EED3A4
- F1DCB7
- F5E4C9
- F8EDDB
- FCF6ED
シェード
- BE8F30
- A27928
- 87651F
- 6D5117
- 543D10
- 3C2B09
- 261A04
- 110A01
- 020100
トーン
- D2A246
- C99E50
- BF9B59
- B69760
- AD9367
- A4906D
- 9B8C72
- 928877
- 89847C
カラーハーモニー
補色 +180°
- DBA539
Scrofulous Brown
- 81AFFF
≈ Kitten’s Eye
類似色 -30° +30°
- DBA539
Scrofulous Brown
- F3945A
≈ Orange Slice
- B3B745
≈ Japanese Fern
トライアド +120° +240°
- DBA539
Scrofulous Brown
- 00C7D0
≈ Turquoise Surf
- D691E3
≈ Bright Lilac
スプリットコンプリメンタリー +150° +210°
- DBA539
Scrofulous Brown
- 39BEF5
≈ Megaman
- B09FFE
≈ Shy Moment
テトラード +90° +180° +270°
- DBA539
Scrofulous Brown
- 34CAA3
≈ Jadeite
- 81AFFF
≈ Kitten’s Eye
- EF89BA
≈ Brown Knapweed
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.22:1 · APCA Lc 44
Ag
AAA黒の上
WCAG 9.45:1 · APCA Lc 59
最適な文字色: #000000
WCAG 9.45:1 (AAA) · APCA Lc 59
Contrast pairs
コードスニペット
CSS
:root {
--scrofulous-brown: #dba539;
--scrofulous-brown-rgb: 219 165 57;
--scrofulous-brown-oklch: oklch(0.754 0.136 80.9);
}
.element {
color: var(--scrofulous-brown);
background-color: hsl(40 69% 54%);
border-color: oklch(0.754 0.136 80.9);
}Tailwind CSS v4
@theme {
--color-scrofulous-brown: #dba539;
--color-scrofulous-brown-50: #fff2ca;
--color-scrofulous-brown-100: #fee5b5;
--color-scrofulous-brown-200: #f1d091;
--color-scrofulous-brown-300: #d9b162;
--color-scrofulous-brown-400: #c7952e;
--color-scrofulous-brown-500: #b37a00;
--color-scrofulous-brown-600: #976700;
--color-scrofulous-brown-700: #7a5300;
--color-scrofulous-brown-800: #5b3b00;
--color-scrofulous-brown-900: #402900;
--color-scrofulous-brown-950: #291600;
}SCSS
$scrofulous-brown: #dba539;
$scrofulous-brown-rgb: 219, 165, 57;
$scrofulous-brown-light: mix(#fff, $scrofulous-brown, 20%);
$scrofulous-brown-dark: mix(#000, $scrofulous-brown, 20%);
.element {
color: $scrofulous-brown;
box-shadow: 0 0 0 2px rgba($scrofulous-brown, 0.35);
}