Màu có tên gần nhất · #33B700
#33B700
Màu có tên gần nhất: Sour Apple Rings
#33B700 (rgb(51 183 0), hsl(103 100% 36%), oklch(0.682 0.221 140.4)) gần nhất với màu có tên Sour Apple Rings. 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.
#33B700
oklch(0.682 0.221 140.4)
Chuyển đổi màu
- HEX
- #33b700
- RGB
- rgb(51 183 0)
- HSL
- hsl(103 100% 36%)
- HWB
- hwb(103 0% 28%)
- OKLCH
- oklch(0.682 0.221 140.4)
- OKLab
- oklab(0.682 -0.171 0.141)
- CIE Lab
- lab(65.5 -56.91 63.88)
- LCH
- lch(65.5 85.55 131.7)
- CMYK
- cmyk(72% 0% 100% 28%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 50BF38
- 68C754
- 7DCE6D
- 90D683
- A3DD98
- B6E4AD
- C9EBC2
- DBF2D6
- EDF9EB
Sắc đậm
- 2B9F00
- 238700
- 1C7000
- 145A00
- 0D4500
- 073100
- 031E00
- 010C00
- 000200
Sắc xám
- 42B228
- 4EAD3A
- 57A847
- 5FA252
- 669D5B
- 6C9764
- 72926C
- 778C73
- 7C867A
Hòa sắc
Bổ túc +180°
- 33B700
Sour Apple Rings
- D35FEB
≈ Clematis Magenta
Tương đồng -30° +30°
- 33B700
Sour Apple Rings
- 9EA000
≈ Fistfull of Green
- 00B38D
≈ Chromophobia Green
Bộ ba +120° +240°
- 33B700
Sour Apple Rings
- 5996FF
≈ Blue Chaos
- FF5360
≈ Festive Fennec
Bổ túc chia +150° +210°
- 33B700
Sour Apple Rings
- 9A80FF
≈ Periwinkle
- F64DAB
≈ Major Magenta
Bộ bốn +90° +180° +270°
- 33B700
Sour Apple Rings
- 00A7DD
≈ Malibu Blue
- D35FEB
≈ Clematis Magenta
- EC7000
≈ Clementine
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.65:1 · APCA Lc 51
Ag
AAATrên nền đen
WCAG 7.91:1 · APCA Lc 51
Màu chữ tốt nhất: #000000
WCAG 7.91:1 (AAA) · APCA Lc 51
Contrast pairs
Đoạn mã
CSS
:root {
--sour-apple-rings: #33b700;
--sour-apple-rings-rgb: 51 183 0;
--sour-apple-rings-oklch: oklch(0.682 0.221 140.4);
}
.element {
color: var(--sour-apple-rings);
background-color: hsl(103 100% 36%);
border-color: oklch(0.682 0.221 140.4);
}Tailwind CSS v4
@theme {
--color-sour-apple-rings: #33b700;
--color-sour-apple-rings-50: #d1ffcc;
--color-sour-apple-rings-100: #bdfbb7;
--color-sour-apple-rings-200: #9bec94;
--color-sour-apple-rings-300: #6cd365;
--color-sour-apple-rings-400: #44bc26;
--color-sour-apple-rings-500: #00a500;
--color-sour-apple-rings-600: #008c00;
--color-sour-apple-rings-700: #007000;
--color-sour-apple-rings-800: #075200;
--color-sour-apple-rings-900: #063900;
--color-sour-apple-rings-950: #002300;
}SCSS
$sour-apple-rings: #33b700;
$sour-apple-rings-rgb: 51, 183, 0;
$sour-apple-rings-light: mix(#fff, $sour-apple-rings, 20%);
$sour-apple-rings-dark: mix(#000, $sour-apple-rings, 20%);
.element {
color: $sour-apple-rings;
box-shadow: 0 0 0 2px rgba($sour-apple-rings, 0.35);
}