Màu có tên gần nhất · #535400
#535400
Màu có tên gần nhất: Green Not Found
#535400 (rgb(83 84 0), hsl(61 100% 16%), oklch(0.431 0.094 110.6)) gần nhất với màu có tên Green Not Found. 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.
#535400
oklch(0.431 0.094 110.6)
Chuyển đổi màu
- HEX
- #535400
- RGB
- rgb(83 84 0)
- HSL
- hsl(61 100% 16%)
- HWB
- hwb(61 0% 67%)
- OKLCH
- oklch(0.431 0.094 110.6)
- OKLab
- oklab(0.431 -0.033 0.088)
- CIE Lab
- lab(34.56 -7.52 41.52)
- LCH
- lch(34.56 42.2 100.3)
- CMYK
- cmyk(1% 0% 100% 67%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 626425
- 72743E
- 828556
- 93956D
- A4A684
- B6B89C
- C7C9B4
- DADBCD
- ECEDE6
Sắc đậm
- 474800
- 3B3C00
- 303100
- 252600
- 1B1B00
- 111100
- 080800
- 020200
- 000000
Sắc xám
- 575918
- 5B5D27
- 606134
- 64663F
- 696A4B
- 6D6F56
- 727360
- 76776B
- 7B7C75
Hòa sắc
Bổ túc +180°
- 535400
Green Not Found
- 504580
≈ Fresh Eggplant
Tương đồng -30° +30°
- 535400
Green Not Found
- 694A00
≈ Antique Bronze
- 305C28
≈ Bright Nori
Bộ ba +120° +240°
- 535400
Green Not Found
- 005876
≈ Broadway
- 763857
≈ Passionate Plum
Bổ túc chia +150° +210°
- 535400
Green Not Found
- 314F83
≈ Fun Blue
- 673D6F
≈ Majesty
Bộ bốn +90° +180° +270°
- 535400
Green Not Found
- 005C60
≈ Enamelled Jewel
- 504580
≈ Fresh Eggplant
- 7C3839
≈ Fire Agate
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 7.96:1 · APCA Lc 87
Ag
FailTrên nền đen
WCAG 2.63:1 · APCA Lc 15
Màu chữ tốt nhất: #FFFFFF
WCAG 7.96:1 (AAA) · APCA Lc 87
Contrast pairs
Đoạn mã
CSS
:root {
--green-not-found: #535400;
--green-not-found-rgb: 83 84 0;
--green-not-found-oklch: oklch(0.431 0.094 110.6);
}
.element {
color: var(--green-not-found);
background-color: hsl(61 100% 16%);
border-color: oklch(0.431 0.094 110.6);
}Tailwind CSS v4
@theme {
--color-green-not-found: #535400;
--color-green-not-found-50: #f5f9da;
--color-green-not-found-100: #e8ecc8;
--color-green-not-found-200: #d4d9ab;
--color-green-not-found-300: #b8bd85;
--color-green-not-found-400: #a1a460;
--color-green-not-found-500: #898c3b;
--color-green-not-found-600: #747633;
--color-green-not-found-700: #5d5f29;
--color-green-not-found-800: #45451b;
--color-green-not-found-900: #303011;
--color-green-not-found-950: #1c1c04;
}SCSS
$green-not-found: #535400;
$green-not-found-rgb: 83, 84, 0;
$green-not-found-light: mix(#fff, $green-not-found, 20%);
$green-not-found-dark: mix(#000, $green-not-found, 20%);
.element {
color: $green-not-found;
box-shadow: 0 0 0 2px rgba($green-not-found, 0.35);
}