En yakın adlandırılmış renk · #00BA37
#00BA37
En yakın adlandırılmış renk: Toxic Sludge
#00BA37 (rgb(0 186 55), hsl(138 100% 36%), oklch(0.686 0.213 145.4)) en çok Toxic Sludge adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#00BA37
oklch(0.686 0.213 145.4)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 3EC250
- 5CC966
- 74D07A
- 8AD78E
- 9FDEA1
- B3E5B4
- C6ECC7
- D9F2D9
- ECF9EC
Koyu tonlar
- 00A12E
- 008926
- 00721E
- 005C16
- 00460F
- 003208
- 001E03
- 000D01
- 000200
Gri tonlar
- 2DB543
- 40AF4D
- 4DAA56
- 58A45D
- 619E64
- 69986B
- 709370
- 768D76
- 7B867B
Renk uyumları
Tamamlayıcı +180°
- 00BA37
Toxic Sludge
- D961E0
≈ Free Speech Magenta
Analog -30° +30°
- 00BA37
Toxic Sludge
- 97A400
≈ Augustus Asparagus
- 00B396
≈ Aloha
Üçlü +120° +240°
- 00BA37
Toxic Sludge
- 6894FF
≈ Blue Chaos
- FF5955
≈ Grapefruit
Bölünmüş tamamlayıcı +150° +210°
- 00BA37
Toxic Sludge
- A57DFF
≈ Purple Illusionist
- F852A0
≈ Pinkella
Dörtlü +90° +180° +270°
- 00BA37
Toxic Sludge
- 00A6E7
≈ Huelveño Horizon
- D961E0
≈ Free Speech Magenta
- E67800
≈ First of Fall
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.59:1 · APCA Lc 50
Ag
AAASiyah üzerinde
WCAG 8.07:1 · APCA Lc 52
En iyi metin rengi: #000000
WCAG 8.07:1 (AAA) · APCA Lc 52
Contrast pairs
Kod parçacıkları
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);
}