En yakın adlandırılmış renk · #00B025
#00B025
En yakın adlandırılmış renk: Try Your Luck
#00B025 (rgb(0 176 37), hsl(133 100% 35%), oklch(0.657 0.213 144.1)) en çok Try Your Luck 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.
#00B025
oklch(0.657 0.213 144.1)
Renk dönüşümleri
- HEX
- #00b025
- RGB
- rgb(0 176 37)
- HSL
- hsl(133 100% 35%)
- HWB
- hwb(133 0% 31%)
- OKLCH
- oklch(0.657 0.213 144.1)
- OKLab
- oklab(0.657 -0.172 0.125)
- CIE Lab
- lab(62.71 -58.97 54.43)
- LCH
- lch(62.71 80.25 137.3)
- CMYK
- cmyk(100% 0% 79% 31%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 3CB944
- 59C15C
- 71C972
- 87D187
- 9CD99B
- B0E1AF
- C4E9C3
- D8F0D7
- ECF8EB
Koyu tonlar
- 00991F
- 008219
- 006C13
- 00560D
- 004208
- 002E04
- 001C02
- 000B00
- 000100
Gri tonlar
- 2BAC36
- 3DA743
- 4BA34D
- 569E56
- 5F995E
- 679566
- 6E906D
- 758B74
- 7B857A
Renk uyumları
Tamamlayıcı +180°
- 00B025
Try Your Luck
- CD58D9
≈ Thick Pink
Analog -30° +30°
- 00B025
Try Your Luck
- 919A00
≈ Pea Soup
- 00AA8C
≈ Arcadia
Üçlü +120° +240°
- 00B025
Try Your Luck
- 578BFF
≈ Skinny Jeans
- F8484C
≈ Pumping Spice
Bölünmüş tamamlayıcı +150° +210°
- 00B025
Try Your Luck
- 9C70FF
≈ Purple Illusionist
- ED489A
≈ Schiaparelli Pink
Dörtlü +90° +180° +270°
- 00B025
Try Your Luck
- 009DD8
≈ Structural Blue
- CD58D9
≈ Thick Pink
- DC7000
≈ Gold Orange
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.90:1 · APCA Lc 55
Ag
AAASiyah üzerinde
WCAG 7.23:1 · APCA Lc 47
En iyi metin rengi: #000000
WCAG 7.23:1 (AAA) · APCA Lc 47
Contrast pairs
Kod parçacıkları
CSS
:root {
--try-your-luck: #00b025;
--try-your-luck-rgb: 0 176 37;
--try-your-luck-oklch: oklch(0.657 0.213 144.1);
}
.element {
color: var(--try-your-luck);
background-color: hsl(133 100% 35%);
border-color: oklch(0.657 0.213 144.1);
}Tailwind CSS v4
@theme {
--color-try-your-luck: #00b025;
--color-try-your-luck-50: #ceffd1;
--color-try-your-luck-100: #bafcbd;
--color-try-your-luck-200: #96ed9d;
--color-try-your-luck-300: #64d371;
--color-try-your-luck-400: #34bd3f;
--color-try-your-luck-500: #00a600;
--color-try-your-luck-600: #008d00;
--color-try-your-luck-700: #007100;
--color-try-your-luck-800: #005300;
--color-try-your-luck-900: #003a00;
--color-try-your-luck-950: #002400;
}SCSS
$try-your-luck: #00b025;
$try-your-luck-rgb: 0, 176, 37;
$try-your-luck-light: mix(#fff, $try-your-luck, 20%);
$try-your-luck-dark: mix(#000, $try-your-luck, 20%);
.element {
color: $try-your-luck;
box-shadow: 0 0 0 2px rgba($try-your-luck, 0.35);
}