Couleur nommée la plus proche · #00BA37
#00BA37
Couleur nommée la plus proche: Toxic Sludge
#00BA37 (rgb(0 186 55), hsl(138 100% 36%), oklch(0.686 0.213 145.4)) est la plus proche de la couleur nommée Toxic Sludge. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#00BA37
oklch(0.686 0.213 145.4)
Conversions de couleur
- HEX
- #00ba37
- RGB
- rgb(0 186 55)
- HSL
- hsl(138 100% 36%)
- HWB
- hwb(138 0% 27%)
- OKLCH
- oklch(0.686 0.213 145.4)
- OKLab
- oklab(0.686 -0.175 0.121)
- CIE Lab
- lab(66.08 -60.54 51.62)
- LCH
- lch(66.08 79.56 139.5)
- CMYK
- cmyk(100% 0% 70% 27%)
Teintes · Ombres · Tons
Teintes
- 3EC250
- 5CC966
- 74D07A
- 8AD78E
- 9FDEA1
- B3E5B4
- C6ECC7
- D9F2D9
- ECF9EC
Ombres
- 00A12E
- 008926
- 00721E
- 005C16
- 00460F
- 003208
- 001E03
- 000D01
- 000200
Tons
- 2DB543
- 40AF4D
- 4DAA56
- 58A45D
- 619E64
- 69986B
- 709370
- 768D76
- 7B867B
Harmonies de couleurs
Complémentaire +180°
- 00BA37
Toxic Sludge
- D961E0
≈ Free Speech Magenta
Analogue -30° +30°
- 00BA37
Toxic Sludge
- 97A400
≈ Augustus Asparagus
- 00B396
≈ Aloha
Triadique +120° +240°
- 00BA37
Toxic Sludge
- 6894FF
≈ Blue Chaos
- FF5955
≈ Grapefruit
Complémentaire divisée +150° +210°
- 00BA37
Toxic Sludge
- A57DFF
≈ Purple Illusionist
- F852A0
≈ Pinkella
Tétradique +90° +180° +270°
- 00BA37
Toxic Sludge
- 00A6E7
≈ Huelveño Horizon
- D961E0
≈ Free Speech Magenta
- E67800
≈ First of Fall
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.59:1 · APCA Lc 50
Ag
AAASur noir
WCAG 8.07:1 · APCA Lc 52
Meilleure couleur de texte: #000000
WCAG 8.07:1 (AAA) · APCA Lc 52
Contrast pairs
Extraits de code
CSS
:root {
--toxic-sludge: #00ba37;
--toxic-sludge-rgb: 0 186 55;
--toxic-sludge-oklch: oklch(0.686 0.213 145.4);
}
.element {
color: var(--toxic-sludge);
background-color: hsl(138 100% 36%);
border-color: oklch(0.686 0.213 145.4);
}Tailwind CSS v4
@theme {
--color-toxic-sludge: #00ba37;
--color-toxic-sludge-50: #cdffd2;
--color-toxic-sludge-100: #b8fcbf;
--color-toxic-sludge-200: #93ed9f;
--color-toxic-sludge-300: #5fd474;
--color-toxic-sludge-400: #29bd44;
--color-toxic-sludge-500: #00a700;
--color-toxic-sludge-600: #008d00;
--color-toxic-sludge-700: #007102;
--color-toxic-sludge-800: #005300;
--color-toxic-sludge-900: #003a00;
--color-toxic-sludge-950: #002400;
}SCSS
$toxic-sludge: #00ba37;
$toxic-sludge-rgb: 0, 186, 55;
$toxic-sludge-light: mix(#fff, $toxic-sludge, 20%);
$toxic-sludge-dark: mix(#000, $toxic-sludge, 20%);
.element {
color: $toxic-sludge;
box-shadow: 0 0 0 2px rgba($toxic-sludge, 0.35);
}