Adlandırılmış renk · #019D6E
Jitterbug Jade
Jitterbug Jade, #019D6E: rgb(1 157 110), hsl(162 99% 31%), oklch(0.616 0.132 163.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Jitterbug Jade color name →
#019D6E
oklch(0.616 0.132 163.3)
Renk dönüşümleri
- HEX
- #019d6e
- RGB
- rgb(1 157 110)
- HSL
- hsl(162 99% 31%)
- HWB
- hwb(162 0% 38%)
- OKLCH
- oklch(0.616 0.132 163.3)
- OKLab
- oklab(0.616 -0.127 0.038)
- CIE Lab
- lab(57.19 -45.22 14.41)
- LCH
- lch(57.19 47.46 162.3)
- CMYK
- cmyk(99% 0% 30% 38%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 39A77C
- 56B18A
- 6EBB98
- 84C4A6
- 99CEB4
- AED8C3
- C2E2D2
- D7ECE1
- EBF5F0
Koyu tonlar
- 01885F
- 017350
- 005F41
- 004C33
- 003A26
- 002819
- 00180E
- 000904
- 000101
Gri tonlar
- 299A70
- 3B9872
- 489574
- 539276
- 5C8F77
- 658C79
- 6C897B
- 73867D
- 7A837E
Renk uyumları
Tamamlayıcı +180°
- 019D6E
Jitterbug Jade
- BA6299
≈ Spring Crocus
Analog -30° +30°
- 019D6E
Jitterbug Jade
- 64953C
≈ Bitter Leaf
- 009897
≈ Regula Barbara Blue
Üçlü +120° +240°
- 019D6E
Jitterbug Jade
- 7B78D1
≈ Kickstart Purple
- C5673E
≈ Determined Orange
Bölünmüş tamamlayıcı +150° +210°
- 019D6E
Jitterbug Jade
- A16BBD
≈ Prickly Purple
- C75F6E
≈ Triple Berry
Dörtlü +90° +180° +270°
- 019D6E
Jitterbug Jade
- 4687D2
≈ Blue Sonki
- BA6299
≈ Spring Crocus
- B37600
≈ Philippine Gold
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.47:1 · APCA Lc 62
Ag
AASiyah üzerinde
WCAG 6.04:1 · APCA Lc 40
En iyi metin rengi: #000000
WCAG 6.04:1 (AA) · APCA Lc 40
Contrast pairs
Kod parçacıkları
CSS
:root {
--jitterbug-jade: #019d6e;
--jitterbug-jade-rgb: 1 157 110;
--jitterbug-jade-oklch: oklch(0.616 0.132 163.3);
}
.element {
color: var(--jitterbug-jade);
background-color: hsl(162 99% 31%);
border-color: oklch(0.616 0.132 163.3);
}Tailwind CSS v4
@theme {
--color-jitterbug-jade: #019d6e;
--color-jitterbug-jade-50: #d3ffec;
--color-jitterbug-jade-100: #bff7dd;
--color-jitterbug-jade-200: #9de7c7;
--color-jitterbug-jade-300: #70cda7;
--color-jitterbug-jade-400: #42b788;
--color-jitterbug-jade-500: #00a06d;
--color-jitterbug-jade-600: #00885c;
--color-jitterbug-jade-700: #006d4a;
--color-jitterbug-jade-800: #005033;
--color-jitterbug-jade-900: #003823;
--color-jitterbug-jade-950: #002212;
}SCSS
$jitterbug-jade: #019d6e;
$jitterbug-jade-rgb: 1, 157, 110;
$jitterbug-jade-light: mix(#fff, $jitterbug-jade, 20%);
$jitterbug-jade-dark: mix(#000, $jitterbug-jade, 20%);
.element {
color: $jitterbug-jade;
box-shadow: 0 0 0 2px rgba($jitterbug-jade, 0.35);
}