Adlandırılmış renk · #B6E12A
Jazzercise
Jazzercise, #B6E12A: rgb(182 225 42), hsl(74 75% 52%), oklch(0.849 0.198 123). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Jazzercise color name →
#B6E12A
oklch(0.849 0.198 123)
Renk dönüşümleri
- HEX
- #b6e12a
- RGB
- rgb(182 225 42)
- HSL
- hsl(74 75% 52%)
- HWB
- hwb(74 16% 12%)
- OKLCH
- oklch(0.849 0.198 123)
- OKLab
- oklab(0.849 -0.107 0.166)
- CIE Lab
- lab(84.24 -31.1 75.14)
- LCH
- lch(84.24 81.32 112.5)
- CMYK
- cmyk(19% 0% 81% 12%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- BDE550
- C4E86A
- CBEB80
- D2EE95
- DAF2A8
- E1F4BA
- E8F7CC
- F0FADD
- F7FDEE
Koyu tonlar
- 9EC423
- 86A71C
- 6F8B16
- 597010
- 44560A
- 303E05
- 1D2702
- 0C1201
- 020200
Gri tonlar
- B0D740
- ABCD4E
- A5C459
- A0BA62
- 9AB069
- 95A76F
- 909D75
- 8A9379
- 858A7D
Renk uyumları
Tamamlayıcı +180°
- B6E12A
Jazzercise
- D9C0FF
≈ Lavender Fragrance
Analog -30° +30°
- B6E12A
Jazzercise
- F5C900
≈ Egg Toast
- 43F18D
≈ Emerald Ice Palace
Üçlü +120° +240°
- B6E12A
Jazzercise
- 9FD4FF
≈ Malmö FF
- FFB6C8
≈ Cherry Blossom Pink
Bölünmüş tamamlayıcı +150° +210°
- B6E12A
Jazzercise
- BDCBFF
≈ Light Periwinkle
- FFAEF1
≈ Pink Wink
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.52:1 · APCA Lc 24
Ag
AAASiyah üzerinde
WCAG 13.79:1 · APCA Lc 79
En iyi metin rengi: #000000
WCAG 13.79:1 (AAA) · APCA Lc 79
Contrast pairs
Kod parçacıkları
CSS
:root {
--jazzercise: #b6e12a;
--jazzercise-rgb: 182 225 42;
--jazzercise-oklch: oklch(0.849 0.198 123);
}
.element {
color: var(--jazzercise);
background-color: hsl(74 75% 52%);
border-color: oklch(0.849 0.198 123);
}Tailwind CSS v4
@theme {
--color-jazzercise: #b6e12a;
--color-jazzercise-50: #e8ffc2;
--color-jazzercise-100: #d9f4ab;
--color-jazzercise-200: #c1e383;
--color-jazzercise-300: #a0c84b;
--color-jazzercise-400: #89af00;
--color-jazzercise-500: #6f9800;
--color-jazzercise-600: #5e8000;
--color-jazzercise-700: #4b6700;
--color-jazzercise-800: #394b00;
--color-jazzercise-900: #273400;
--color-jazzercise-950: #161f00;
}SCSS
$jazzercise: #b6e12a;
$jazzercise-rgb: 182, 225, 42;
$jazzercise-light: mix(#fff, $jazzercise, 20%);
$jazzercise-dark: mix(#000, $jazzercise, 20%);
.element {
color: $jazzercise;
box-shadow: 0 0 0 2px rgba($jazzercise, 0.35);
}