色名 · #DFB07E
Wooden Sword
Wooden Swordは#DFB07E：rgb(223 176 126)、hsl(31 60% 68%)、oklch(0.788 0.085 67.8)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Orange mean? → · Wooden Sword color name →
#DFB07E
oklch(0.788 0.085 67.8)
カラー変換
- HEX
- #dfb07e
- RGB
- rgb(223 176 126)
- HSL
- hsl(31 60% 68%)
- HWB
- hwb(31 49% 13%)
- OKLCH
- oklch(0.788 0.085 67.8)
- OKLab
- oklab(0.788 0.032 0.079)
- CIE Lab
- lab(75.33 13.01 32.47)
- LCH
- lch(75.33 34.98 68.2)
- CMYK
- cmyk(0% 21% 43% 13%)
ティント · シェード · トーン
ティント
- E2B88B
- E6C098
- E9C8A5
- EDD0B2
- F0D7BF
- F3DFCB
- F6E7D8
- F9EFE5
- FCF7F2
シェード
- C2996D
- A5825C
- 8A6C4C
- 6F563C
- 56422D
- 3D2E1F
- 271C11
- 120B05
- 020101
トーン
- D5AB7F
- CCA680
- C2A280
- B89D80
- AF9881
- A59381
- 9C8F81
- 938A81
- 898580
カラーハーモニー
補色 +180°
- DFB07E
Wooden Sword
- 8EBFEF
≈ Blue Shutters
類似色 -30° +30°
- DFB07E
Wooden Sword
- EBA793
≈ Pale Terra
- C9BB7A
≈ Frozen Marguerita
トライアド +120° +240°
- DFB07E
Wooden Sword
- 75CCC4
≈ Turkish Teal
- C9ACE5
≈ Tropical Violet
スプリットコンプリメンタリー +150° +210°
- DFB07E
Wooden Sword
- 77C8DE
≈ Hawaiian Breeze
- ACB5F1
≈ Wondrous Wisteria
テトラード +90° +180° +270°
- DFB07E
Wooden Sword
- 8BCBA5
≈ Irish Spring
- 8EBFEF
≈ Blue Shutters
- DFA5CD
≈ Tiara Pink
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.97:1 · APCA Lc 38
Ag
AAA黒の上
WCAG 10.64:1 · APCA Lc 64
最適な文字色: #000000
WCAG 10.64:1 (AAA) · APCA Lc 64
Contrast pairs
コードスニペット
CSS
:root {
--wooden-sword: #dfb07e;
--wooden-sword-rgb: 223 176 126;
--wooden-sword-oklch: oklch(0.788 0.085 67.8);
}
.element {
color: var(--wooden-sword);
background-color: hsl(31 60% 68%);
border-color: oklch(0.788 0.085 67.8);
}Tailwind CSS v4
@theme {
--color-wooden-sword: #dfb07e;
--color-wooden-sword-50: #fff2db;
--color-wooden-sword-100: #fbe4ca;
--color-wooden-sword-200: #edcfad;
--color-wooden-sword-300: #d4b088;
--color-wooden-sword-400: #c09567;
--color-wooden-sword-500: #ac7b44;
--color-wooden-sword-600: #91683a;
--color-wooden-sword-700: #74532e;
--color-wooden-sword-800: #573c21;
--color-wooden-sword-900: #3c2916;
--color-wooden-sword-950: #261707;
}SCSS
$wooden-sword: #dfb07e;
$wooden-sword-rgb: 223, 176, 126;
$wooden-sword-light: mix(#fff, $wooden-sword, 20%);
$wooden-sword-dark: mix(#000, $wooden-sword, 20%);
.element {
color: $wooden-sword;
box-shadow: 0 0 0 2px rgba($wooden-sword, 0.35);
}