最接近的命名颜色 · #33B700
#33B700
最接近的命名颜色: Sour Apple Rings
#33B700（rgb(51 183 0)、hsl(103 100% 36%)、oklch(0.682 0.221 140.4)）最接近命名颜色 Sour Apple Rings。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#33B700
oklch(0.682 0.221 140.4)
颜色转换
- 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%)
浅色调 · 深色调 · 灰色调
浅色调
- 50BF38
- 68C754
- 7DCE6D
- 90D683
- A3DD98
- B6E4AD
- C9EBC2
- DBF2D6
- EDF9EB
深色调
- 2B9F00
- 238700
- 1C7000
- 145A00
- 0D4500
- 073100
- 031E00
- 010C00
- 000200
灰色调
- 42B228
- 4EAD3A
- 57A847
- 5FA252
- 669D5B
- 6C9764
- 72926C
- 778C73
- 7C867A
配色和谐
互补色 +180°
- 33B700
Sour Apple Rings
- D35FEB
≈ Clematis Magenta
类似色 -30° +30°
- 33B700
Sour Apple Rings
- 9EA000
≈ Fistfull of Green
- 00B38D
≈ Chromophobia Green
三角配色 +120° +240°
- 33B700
Sour Apple Rings
- 5996FF
≈ Blue Chaos
- FF5360
≈ Festive Fennec
分裂互补色 +150° +210°
- 33B700
Sour Apple Rings
- 9A80FF
≈ Periwinkle
- F64DAB
≈ Major Magenta
四角配色 +90° +180° +270°
- 33B700
Sour Apple Rings
- 00A7DD
≈ Malibu Blue
- D35FEB
≈ Clematis Magenta
- EC7000
≈ Clementine
对比度与无障碍
Ag
Fail白底
WCAG 2.65:1 · APCA Lc 51
Ag
AAA黑底
WCAG 7.91:1 · APCA Lc 51
最佳文字颜色: #000000
WCAG 7.91:1 (AAA) · APCA Lc 51
Contrast pairs
代码片段
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);
}