En yakın adlandırılmış renk · #00B83B
#00B83B
En yakın adlandırılmış renk: Toxic Sludge
#00B83B (rgb(0 184 59), hsl(139 100% 36%), oklch(0.681 0.208 146)) 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.
#00B83B
oklch(0.681 0.208 146)
Renk dönüşümleri
- HEX
- #00b83b
- RGB
- rgb(0 184 59)
- HSL
- hsl(139 100% 36%)
- HWB
- hwb(139 0% 28%)
- OKLCH
- oklch(0.681 0.208 146)
- OKLab
- oklab(0.681 -0.173 0.117)
- CIE Lab
- lab(65.46 -59.72 49.43)
- LCH
- lch(65.46 77.52 140.4)
- CMYK
- cmyk(100% 0% 68% 28%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 3EC053
- 5BC768
- 74CF7C
- 8AD68F
- 9EDDA2
- B2E4B4
- C6EBC7
- D9F2DA
- ECF9EC
Koyu tonlar
- 00A032
- 008829
- 007121
- 005B19
- 004511
- 003109
- 001E04
- 000C01
- 000200
Gri tonlar
- 2CB346
- 3FAD4F
- 4DA857
- 58A35F
- 619D65
- 68986B
- 6F9271
- 758C76
- 7B867B
Renk uyumları
Tamamlayıcı +180°
- 00B83B
Toxic Sludge
- D760DC
≈ Blueberry Glaze
Analog -30° +30°
- 00B83B
Toxic Sludge
- 95A300
≈ Noxious
- 00B295
≈ Victorian Greenhouse
Üçlü +120° +240°
- 00B83B
Toxic Sludge
- 6792FF
≈ Blue Chaos
- FF5550
≈ Fluorescent Red
Bölünmüş tamamlayıcı +150° +210°
- 00B83B
Toxic Sludge
- A57AFF
≈ Purple Illusionist
- F5529D
≈ Pansy
Dörtlü +90° +180° +270°
- 00B83B
Toxic Sludge
- 00A4E6
≈ Vanadyl Blue
- D760DC
≈ Blueberry Glaze
- E37800
≈ First of Fall
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.65:1 · APCA Lc 51
Ag
AAASiyah üzerinde
WCAG 7.91:1 · APCA Lc 51
En iyi metin rengi: #000000
WCAG 7.91:1 (AAA) · APCA Lc 51
Contrast pairs
Kod parçacıkları
CSS
:root {
--toxic-sludge: #00b83b;
--toxic-sludge-rgb: 0 184 59;
--toxic-sludge-oklch: oklch(0.681 0.208 146);
}
.element {
color: var(--toxic-sludge);
background-color: hsl(139 100% 36%);
border-color: oklch(0.681 0.208 146);
}Tailwind CSS v4
@theme {
--color-toxic-sludge: #00b83b;
--color-toxic-sludge-50: #cdffd4;
--color-toxic-sludge-100: #b8fcc1;
--color-toxic-sludge-200: #94eda1;
--color-toxic-sludge-300: #61d477;
--color-toxic-sludge-400: #2bbd48;
--color-toxic-sludge-500: #00a702;
--color-toxic-sludge-600: #008d0c;
--color-toxic-sludge-700: #00710b;
--color-toxic-sludge-800: #005300;
--color-toxic-sludge-900: #003a01;
--color-toxic-sludge-950: #002400;
}SCSS
$toxic-sludge: #00b83b;
$toxic-sludge-rgb: 0, 184, 59;
$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);
}