Màu có tên gần nhất · #89790D
#89790D
Màu có tên gần nhất: Olive
#89790D (rgb(137 121 13), hsl(52 83% 29%), oklch(0.574 0.116 99.7)) gần nhất với màu có tên Olive. 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.
#89790D
oklch(0.574 0.116 99.7)
Chuyển đổi màu
- HEX
- #89790d
- RGB
- rgb(137 121 13)
- HSL
- hsl(52 83% 29%)
- HWB
- hwb(52 5% 46%)
- OKLCH
- oklch(0.574 0.116 99.7)
- OKLab
- oklab(0.574 -0.019 0.114)
- CIE Lab
- lab(51.03 -1.45 53.29)
- LCH
- lch(51.03 53.31 91.6)
- CMYK
- cmyk(0% 12% 91% 46%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 948633
- 9F934D
- ABA064
- B6AE7A
- C2BB90
- CEC8A6
- DAD6BC
- E6E3D2
- F2F1E9
Sắc đậm
- 76680A
- 645807
- 534805
- 423903
- 312B02
- 221D01
- 141000
- 070500
- 010100
Sắc xám
- 887A25
- 877B34
- 867C40
- 857D4B
- 847D55
- 837E5E
- 827F67
- 827F70
- 818078
Hòa sắc
Bổ túc +180°
- 89790D
Olive
- 6B6FBB
≈ Chetwode Blue
Tương đồng -30° +30°
- 89790D
Olive
- A36A19
≈ Komodo
- 628636
≈ Stamnankáthi Green
Bộ ba +120° +240°
- 89790D
Olive
- 0086A2
≈ Blue Arc
- A55B8E
≈ Cyclamen Red
Bổ túc chia +150° +210°
- 89790D
Olive
- 3C7CBA
≈ Mykonos
- 8D64AB
≈ Empire Violet
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 4.37:1 · APCA Lc 70
Ag
AATrên nền đen
WCAG 4.80:1 · APCA Lc 32
Màu chữ tốt nhất: #000000
WCAG 4.80:1 (AA) · APCA Lc 32
Contrast pairs
Đoạn mã
CSS
:root {
--olive: #89790d;
--olive-rgb: 137 121 13;
--olive-oklch: oklch(0.574 0.116 99.7);
}
.element {
color: var(--olive);
background-color: hsl(52 83% 29%);
border-color: oklch(0.574 0.116 99.7);
}Tailwind CSS v4
@theme {
--color-olive: #89790d;
--color-olive-50: #fbf7d1;
--color-olive-100: #efeabe;
--color-olive-200: #ded79d;
--color-olive-300: #c3ba73;
--color-olive-400: #afa048;
--color-olive-500: #998707;
--color-olive-600: #81720f;
--color-olive-700: #675b0d;
--color-olive-800: #4d4206;
--color-olive-900: #362e04;
--color-olive-950: #211a00;
}SCSS
$olive: #89790d;
$olive-rgb: 137, 121, 13;
$olive-light: mix(#fff, $olive, 20%);
$olive-dark: mix(#000, $olive, 20%);
.element {
color: $olive;
box-shadow: 0 0 0 2px rgba($olive, 0.35);
}