Couleur nommée la plus proche · #33B700
#33B700
Couleur nommée la plus proche: Sour Apple Rings
#33B700 (rgb(51 183 0), hsl(103 100% 36%), oklch(0.682 0.221 140.4)) est la plus proche de la couleur nommée Sour Apple Rings. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#33B700
oklch(0.682 0.221 140.4)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- 50BF38
- 68C754
- 7DCE6D
- 90D683
- A3DD98
- B6E4AD
- C9EBC2
- DBF2D6
- EDF9EB
Ombres
- 2B9F00
- 238700
- 1C7000
- 145A00
- 0D4500
- 073100
- 031E00
- 010C00
- 000200
Tons
- 42B228
- 4EAD3A
- 57A847
- 5FA252
- 669D5B
- 6C9764
- 72926C
- 778C73
- 7C867A
Harmonies de couleurs
Complémentaire +180°
- 33B700
Sour Apple Rings
- D35FEB
≈ Clematis Magenta
Analogue -30° +30°
- 33B700
Sour Apple Rings
- 9EA000
≈ Fistfull of Green
- 00B38D
≈ Chromophobia Green
Triadique +120° +240°
- 33B700
Sour Apple Rings
- 5996FF
≈ Blue Chaos
- FF5360
≈ Festive Fennec
Complémentaire divisée +150° +210°
- 33B700
Sour Apple Rings
- 9A80FF
≈ Periwinkle
- F64DAB
≈ Major Magenta
Tétradique +90° +180° +270°
- 33B700
Sour Apple Rings
- 00A7DD
≈ Malibu Blue
- D35FEB
≈ Clematis Magenta
- EC7000
≈ Clementine
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.65:1 · APCA Lc 51
Ag
AAASur noir
WCAG 7.91:1 · APCA Lc 51
Meilleure couleur de texte: #000000
WCAG 7.91:1 (AAA) · APCA Lc 51
Contrast pairs
Extraits de code
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);
}