Màu có tên · #DFB07E
Wooden Sword
Wooden Sword là #DFB07E: rgb(223 176 126), hsl(31 60% 68%), oklch(0.788 0.085 67.8). Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
What does Orange mean? → · Wooden Sword color name →
#DFB07E
oklch(0.788 0.085 67.8)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- E2B88B
- E6C098
- E9C8A5
- EDD0B2
- F0D7BF
- F3DFCB
- F6E7D8
- F9EFE5
- FCF7F2
Sắc đậm
- C2996D
- A5825C
- 8A6C4C
- 6F563C
- 56422D
- 3D2E1F
- 271C11
- 120B05
- 020101
Sắc xám
- D5AB7F
- CCA680
- C2A280
- B89D80
- AF9881
- A59381
- 9C8F81
- 938A81
- 898580
Hòa sắc
Bổ túc +180°
- DFB07E
Wooden Sword
- 8EBFEF
≈ Blue Shutters
Tương đồng -30° +30°
- DFB07E
Wooden Sword
- EBA793
≈ Pale Terra
- C9BB7A
≈ Frozen Marguerita
Bộ ba +120° +240°
- DFB07E
Wooden Sword
- 75CCC4
≈ Turkish Teal
- C9ACE5
≈ Tropical Violet
Bổ túc chia +150° +210°
- DFB07E
Wooden Sword
- 77C8DE
≈ Hawaiian Breeze
- ACB5F1
≈ Wondrous Wisteria
Bộ bốn +90° +180° +270°
- DFB07E
Wooden Sword
- 8BCBA5
≈ Irish Spring
- 8EBFEF
≈ Blue Shutters
- DFA5CD
≈ Tiara Pink
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.97:1 · APCA Lc 38
Ag
AAATrên nền đen
WCAG 10.64:1 · APCA Lc 64
Màu chữ tốt nhất: #000000
WCAG 10.64:1 (AAA) · APCA Lc 64
Contrast pairs
Đoạn mã
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);
}