Màu có tên gần nhất · #53B900
#53B900
Màu có tên gần nhất: Frog
#53B900 (rgb(83 185 0), hsl(93 100% 36%), oklch(0.697 0.211 137.1)) gần nhất với màu có tên Frog. 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.
#53B900
oklch(0.697 0.211 137.1)
Chuyển đổi màu
- HEX
- #53b900
- RGB
- rgb(83 185 0)
- HSL
- hsl(93 100% 36%)
- HWB
- hwb(93 0% 27%)
- OKLCH
- oklch(0.697 0.211 137.1)
- OKLab
- oklab(0.697 -0.155 0.144)
- CIE Lab
- lab(67.05 -50.37 65.54)
- LCH
- lch(67.05 82.66 127.5)
- CMYK
- cmyk(55% 0% 100% 27%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 67C139
- 79C856
- 8BCF6E
- 9CD784
- ADDE99
- BDE5AE
- CEEBC2
- DEF2D7
- EFF9EB
Sắc đậm
- 47A000
- 3B8900
- 307100
- 255B00
- 1B4600
- 113100
- 081E00
- 020D00
- 000200
Sắc xám
- 5AB428
- 60AE3A
- 66A948
- 6BA353
- 6F9E5C
- 739865
- 77926C
- 7A8C73
- 7D867A
Hòa sắc
Bổ túc +180°
- 53B900
Frog
- D06AF2
≈ Purple Snail
Tương đồng -30° +30°
- 53B900
Frog
- A9A300
≈ Countryside
- 00B98B
≈ Slime Girl
Bộ ba +120° +240°
- 53B900
Frog
- 579DFF
≈ Blue Chaos
- FF5E70
≈ Grenadine Pink
Bổ túc chia +150° +210°
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 2.52:1 · APCA Lc 49
Ag
AAATrên nền đen
WCAG 8.30:1 · APCA Lc 53
Màu chữ tốt nhất: #000000
WCAG 8.30:1 (AAA) · APCA Lc 53
Contrast pairs
Đoạn mã
CSS
:root {
--frog: #53b900;
--frog-rgb: 83 185 0;
--frog-oklch: oklch(0.697 0.211 137.1);
}
.element {
color: var(--frog);
background-color: hsl(93 100% 36%);
border-color: oklch(0.697 0.211 137.1);
}Tailwind CSS v4
@theme {
--color-frog: #53b900;
--color-frog-50: #d7ffca;
--color-frog-100: #c4fab5;
--color-frog-200: #a4ea91;
--color-frog-300: #7bd062;
--color-frog-400: #59b920;
--color-frog-500: #2aa200;
--color-frog-600: #268900;
--color-frog-700: #1f6e00;
--color-frog-800: #1b5100;
--color-frog-900: #123800;
--color-frog-950: #042200;
}SCSS
$frog: #53b900;
$frog-rgb: 83, 185, 0;
$frog-light: mix(#fff, $frog, 20%);
$frog-dark: mix(#000, $frog, 20%);
.element {
color: $frog;
box-shadow: 0 0 0 2px rgba($frog, 0.35);
}