色名 · #B99974
Woven Wicker
Woven Wickerは#B99974：rgb(185 153 116)、hsl(32 33% 59%)、oklch(0.703 0.063 70.6)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Orange mean? → · Woven Wicker color name →
#B99974
oklch(0.703 0.063 70.6)
カラー変換
- HEX
- #b99974
- RGB
- rgb(185 153 116)
- HSL
- hsl(32 33% 59%)
- HWB
- hwb(32 45% 27%)
- OKLCH
- oklch(0.703 0.063 70.6)
- OKLab
- oklab(0.703 0.021 0.06)
- CIE Lab
- lab(65.51 8.45 24.19)
- LCH
- lch(65.51 25.62 70.7)
- CMYK
- cmyk(0% 17% 37% 27%)
ティント · シェード · トーン
ティント
- C0A382
- C7AD8F
- CEB79D
- D5C1AB
- DCCBB8
- E3D5C6
- EAE0D4
- F1EAE2
- F8F5F1
シェード
- A08464
- 897054
- 715D45
- 5B4A37
- 463829
- 31271B
- 1E170F
- 0D0805
- 020101
トーン
- B39776
- AE9477
- A89278
- A28F7A
- 9C8D7B
- 978A7C
- 91887D
- 8B857E
- 86837F
カラーハーモニー
補色 +180°
- B99974
Woven Wicker
- 82A3C6
≈ Windy City
類似色 -30° +30°
- B99974
Woven Wicker
- C39381
≈ Mesa Peach
- A8A173
≈ Throw Rug
トライアド +120° +240°
- B99974
Woven Wicker
- 6FACA8
≈ Poolrooms
- AC95BD
≈ Lavender Earl
スプリットコンプリメンタリー +150° +210°
- B99974
Woven Wicker
- 72A9BB
≈ Milky Blue
- 979BC7
≈ Grape Ivy
テトラード +90° +180° +270°
- B99974
Woven Wicker
- 7CAC92
≈ Nature Green
- 82A3C6
≈ Windy City
- BB90AB
≈ Fabulous Fantasy
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.66:1 · APCA Lc 52
Ag
AAA黒の上
WCAG 7.87:1 · APCA Lc 50
最適な文字色: #000000
WCAG 7.87:1 (AAA) · APCA Lc 50
Contrast pairs
コードスニペット
CSS
:root {
--woven-wicker: #b99974;
--woven-wicker-rgb: 185 153 116;
--woven-wicker-oklch: oklch(0.703 0.063 70.6);
}
.element {
color: var(--woven-wicker);
background-color: hsl(32 33% 59%);
border-color: oklch(0.703 0.063 70.6);
}Tailwind CSS v4
@theme {
--color-woven-wicker: #b99974;
--color-woven-wicker-50: #fff3e2;
--color-woven-wicker-100: #f5e5d1;
--color-woven-wicker-200: #e5d1b7;
--color-woven-wicker-300: #ccb394;
--color-woven-wicker-400: #b79875;
--color-woven-wicker-500: #a17f57;
--color-woven-wicker-600: #886c4a;
--color-woven-wicker-700: #6d563b;
--color-woven-wicker-800: #513e2a;
--color-woven-wicker-900: #382b1c;
--color-woven-wicker-950: #23180c;
}SCSS
$woven-wicker: #b99974;
$woven-wicker-rgb: 185, 153, 116;
$woven-wicker-light: mix(#fff, $woven-wicker, 20%);
$woven-wicker-dark: mix(#000, $woven-wicker, 20%);
.element {
color: $woven-wicker;
box-shadow: 0 0 0 2px rgba($woven-wicker, 0.35);
}