Màu có tên gần nhất · #999333
#999333
Màu có tên gần nhất: Gecko
#999333 (rgb(153 147 51), hsl(56 50% 40%), oklch(0.65 0.116 105.7)) gần nhất với màu có tên Gecko. 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.
#999333
oklch(0.65 0.116 105.7)
Chuyển đổi màu
- HEX
- #999333
- RGB
- rgb(153 147 51)
- HSL
- hsl(56 50% 40%)
- HWB
- hwb(56 20% 40%)
- OKLCH
- oklch(0.65 0.116 105.7)
- OKLab
- oklab(0.65 -0.032 0.112)
- CIE Lab
- lab(60.07 -6.54 49.39)
- LCH
- lch(60.07 49.82 97.5)
- CMYK
- cmyk(0% 4% 67% 40%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- A39E4C
- ACA861
- B6B376
- C0BE8A
- CAC99D
- D5D3B1
- DFDEC4
- EAE9D8
- F4F4EB
Sắc đậm
- 847F2B
- 706C23
- 5D591C
- 4A4714
- 38360D
- 272507
- 171603
- 080801
- 010100
Sắc xám
- 96913F
- 949049
- 918E52
- 8F8C5A
- 8C8A61
- 8A8868
- 87866E
- 858474
- 82827A
Hòa sắc
Bổ túc +180°
- 999333
Gecko
- 8984D3
≈ Indigo Bloom
Tương đồng -30° +30°
- 999333
Gecko
- B88431
≈ Mango Brown
- 6E9F55
≈ Astroturf
Bộ ba +120° +240°
- 999333
Gecko
- 219DC5
≈ Major Blue
- C1719E
≈ Crocus
Bổ túc chia +150° +210°
- 999333
Gecko
- 5D91D5
≈ Blue Dart
- AA78BF
≈ Wisteria
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 3.19:1 · APCA Lc 59
Ag
AATrên nền đen
WCAG 6.57:1 · APCA Lc 43
Màu chữ tốt nhất: #000000
WCAG 6.57:1 (AA) · APCA Lc 43
Contrast pairs
Đoạn mã
CSS
:root {
--gecko: #999333;
--gecko-rgb: 153 147 51;
--gecko-oklch: oklch(0.65 0.116 105.7);
}
.element {
color: var(--gecko);
background-color: hsl(56 50% 40%);
border-color: oklch(0.65 0.116 105.7);
}Tailwind CSS v4
@theme {
--color-gecko: #999333;
--color-gecko-50: #f8f8d2;
--color-gecko-100: #ebebbf;
--color-gecko-200: #d9d99f;
--color-gecko-300: #bdbc75;
--color-gecko-400: #a8a24b;
--color-gecko-500: #918a10;
--color-gecko-600: #7b7514;
--color-gecko-700: #625d10;
--color-gecko-800: #494407;
--color-gecko-900: #332f05;
--color-gecko-950: #1f1b00;
}SCSS
$gecko: #999333;
$gecko-rgb: 153, 147, 51;
$gecko-light: mix(#fff, $gecko, 20%);
$gecko-dark: mix(#000, $gecko, 20%);
.element {
color: $gecko;
box-shadow: 0 0 0 2px rgba($gecko, 0.35);
}