En yakın adlandırılmış renk · #3D8C00
#3D8C00
En yakın adlandırılmış renk: Kelp Forest
#3D8C00 (rgb(61 140 0), hsl(94 100% 27%), oklch(0.567 0.172 137.1)) en çok Kelp Forest 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.
#3D8C00
oklch(0.567 0.172 137.1)
Renk dönüşümleri
- HEX
- #3d8c00
- RGB
- rgb(61 140 0)
- HSL
- hsl(94 100% 27%)
- HWB
- hwb(94 0% 45%)
- OKLCH
- oklch(0.567 0.172 137.1)
- OKLab
- oklab(0.567 -0.126 0.117)
- CIE Lab
- lab(51.65 -41.05 53.39)
- LCH
- lch(51.65 67.34 127.6)
- CMYK
- cmyk(56% 0% 100% 45%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 529830
- 66A34B
- 79AF62
- 8CBA79
- 9FC68F
- B2D1A6
- C5DDBC
- D8E8D2
- EBF4E8
Koyu tonlar
- 347900
- 2B6700
- 225500
- 1A4300
- 123300
- 0A2300
- 041400
- 010700
- 000100
Gri tonlar
- 468B21
- 4E8A31
- 558A3E
- 5C894A
- 638754
- 69865E
- 6F8567
- 75836F
- 7A8278
Renk uyumları
Tamamlayıcı +180°
- 3D8C00
Kelp Forest
- 9E4FB8
≈ Fuchsia Pheromone
Analog -30° +30°
- 3D8C00
Kelp Forest
- 7F7B00
≈ Tool Green
- 008C68
≈ Kabalite Green
Üçlü +120° +240°
- 3D8C00
Kelp Forest
- 2774D9
≈ Bright Navy Blue
- C73F51
≈ Feverish Pink
Bölünmüş tamamlayıcı +150° +210°
- 3D8C00
Kelp Forest
- 7360D5
≈ Astro Purple
- BA428A
≈ Orchid Ecstasy
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 4.24:1 · APCA Lc 69
Ag
AASiyah üzerinde
WCAG 4.94:1 · APCA Lc 33
En iyi metin rengi: #000000
WCAG 4.94:1 (AA) · APCA Lc 33
Contrast pairs
Kod parçacıkları
CSS
:root {
--kelp-forest: #3d8c00;
--kelp-forest-rgb: 61 140 0;
--kelp-forest-oklch: oklch(0.567 0.172 137.1);
}
.element {
color: var(--kelp-forest);
background-color: hsl(94 100% 27%);
border-color: oklch(0.567 0.172 137.1);
}Tailwind CSS v4
@theme {
--color-kelp-forest: #3d8c00;
--color-kelp-forest-50: #ddffd3;
--color-kelp-forest-100: #cbf7bf;
--color-kelp-forest-200: #aee69f;
--color-kelp-forest-300: #88cc75;
--color-kelp-forest-400: #6ab547;
--color-kelp-forest-500: #459e00;
--color-kelp-forest-600: #3c8608;
--color-kelp-forest-700: #2f6b09;
--color-kelp-forest-800: #254e00;
--color-kelp-forest-900: #193701;
--color-kelp-forest-950: #092100;
}SCSS
$kelp-forest: #3d8c00;
$kelp-forest-rgb: 61, 140, 0;
$kelp-forest-light: mix(#fff, $kelp-forest, 20%);
$kelp-forest-dark: mix(#000, $kelp-forest, 20%);
.element {
color: $kelp-forest;
box-shadow: 0 0 0 2px rgba($kelp-forest, 0.35);
}