Adlandırılmış renk · #8DB600
Seasoned Green
Seasoned Green, #8DB600: rgb(141 182 0), hsl(74 100% 36%), oklch(0.72 0.179 124.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Seasoned Green color name →
#8DB600
oklch(0.72 0.179 124.3)
Renk dönüşümleri
- HEX
- #8db600
- RGB
- rgb(141 182 0)
- HSL
- hsl(74 100% 36%)
- HWB
- hwb(74 0% 29%)
- OKLCH
- oklch(0.72 0.179 124.3)
- OKLab
- oklab(0.72 -0.101 0.148)
- CIE Lab
- lab(69.08 -29.34 68.6)
- LCH
- lch(69.08 74.61 113.2)
- CMYK
- cmyk(23% 0% 100% 29%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 98BE3A
- A3C557
- AECD6F
- B9D485
- C4DC9A
- D0E3AF
- DBEAC3
- E7F1D7
- F3F8EB
Koyu tonlar
- 7A9E00
- 678600
- 556F00
- 445900
- 334400
- 233000
- 141D00
- 070C00
- 010200
Gri tonlar
- 8CB129
- 8AAC3C
- 89A649
- 88A154
- 869C5D
- 859666
- 84916D
- 828B74
- 81867A
Renk uyumları
Tamamlayıcı +180°
- 8DB600
Seasoned Green
- BE84FE
≈ Lilac Geode
Analog -30° +30°
- 8DB600
Seasoned Green
- C3A200
≈ La Vida
- 09C46F
≈ Algal Fuel
Üçlü +120° +240°
- 8DB600
Seasoned Green
- 37ADFF
≈ Fantasy Console Sky
- FC6C97
≈ French Pink
Bölünmüş tamamlayıcı +150° +210°
- 8DB600
Seasoned Green
- 899CFF
≈ Periwinkle Blue
- E674D2
≈ Hibiscus Pop
Dörtlü +90° +180° +270°
- 8DB600
Seasoned Green
- 00B8D5
≈ Maldives
- BE84FE
≈ Lilac Geode
- FF7454
≈ Fresh Salmon
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.37:1 · APCA Lc 47
Ag
AAASiyah üzerinde
WCAG 8.82:1 · APCA Lc 55
En iyi metin rengi: #000000
WCAG 8.82:1 (AAA) · APCA Lc 55
Contrast pairs
Kod parçacıkları
CSS
:root {
--seasoned-green: #8db600;
--seasoned-green-rgb: 141 182 0;
--seasoned-green-oklch: oklch(0.72 0.179 124.3);
}
.element {
color: var(--seasoned-green);
background-color: hsl(74 100% 36%);
border-color: oklch(0.72 0.179 124.3);
}Tailwind CSS v4
@theme {
--color-seasoned-green: #8db600;
--color-seasoned-green-50: #e8ffc8;
--color-seasoned-green-100: #d9f3b2;
--color-seasoned-green-200: #c1e28d;
--color-seasoned-green-300: #a0c85c;
--color-seasoned-green-400: #88af11;
--color-seasoned-green-500: #6e9700;
--color-seasoned-green-600: #5d8000;
--color-seasoned-green-700: #4a6700;
--color-seasoned-green-800: #384b00;
--color-seasoned-green-900: #263400;
--color-seasoned-green-950: #151f00;
}SCSS
$seasoned-green: #8db600;
$seasoned-green-rgb: 141, 182, 0;
$seasoned-green-light: mix(#fff, $seasoned-green, 20%);
$seasoned-green-dark: mix(#000, $seasoned-green, 20%);
.element {
color: $seasoned-green;
box-shadow: 0 0 0 2px rgba($seasoned-green, 0.35);
}