Nazwany kolor · #25B387
Jess
Jess to #25B387: rgb(37 179 135), hsl(161 66% 42%), oklch(0.684 0.133 166.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Jess color name →
#25B387
oklch(0.684 0.133 166.3)
Konwersje koloru
- HEX
- #25b387
- RGB
- rgb(37 179 135)
- HSL
- hsl(161 66% 42%)
- HWB
- hwb(161 15% 30%)
- OKLCH
- oklch(0.684 0.133 166.3)
- OKLab
- oklab(0.684 -0.129 0.031)
- CIE Lab
- lab(65.12 -45.82 11.71)
- LCH
- lch(65.12 47.3 165.7)
- CMYK
- cmyk(79% 0% 25% 30%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 49BB92
- 63C39E
- 7ACAAA
- 8ED2B6
- A2DAC2
- B5E1CE
- C8E9DA
- DAF0E6
- EDF8F2
Odcienie ciemniejsze
- 1F9B75
- 198463
- 136E51
- 0D5841
- 084331
- 042F21
- 021D13
- 000C06
- 000101
Tony
- 3AAE86
- 48A986
- 53A485
- 5D9F84
- 649A84
- 6B9583
- 719082
- 778B82
- 7C8581
Harmonie kolorów
Komplementarna +180°
- 25B387
Jess
- D376AA
≈ Heartbreaker
Analogowa -30° +30°
- 25B387
Jess
- 72AC56
≈ Asparagus
- 00AFB1
≈ Larkspur Blue
Triada +120° +240°
- 25B387
Jess
- 948CE7
≈ Perrywinkle
- DB7D4E
≈ Deep Coral
Komplementarna rozszczepiona +150° +210°
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.66:1 · APCA Lc 51
Ag
AAANa czerni
WCAG 7.87:1 · APCA Lc 51
Najlepszy kolor tekstu: #000000
WCAG 7.87:1 (AAA) · APCA Lc 51
Contrast pairs
Fragmenty kodu
CSS
:root {
--jess: #25b387;
--jess-rgb: 37 179 135;
--jess-oklch: oklch(0.684 0.133 166.3);
}
.element {
color: var(--jess);
background-color: hsl(161 66% 42%);
border-color: oklch(0.684 0.133 166.3);
}Tailwind CSS v4
@theme {
--color-jess: #25b387;
--color-jess-50: #d1ffee;
--color-jess-100: #bdf7e0;
--color-jess-200: #9be7ca;
--color-jess-300: #6ccdab;
--color-jess-400: #3ab78d;
--color-jess-500: #00a172;
--color-jess-600: #008861;
--color-jess-700: #006d4d;
--color-jess-800: #005036;
--color-jess-900: #003825;
--color-jess-950: #002213;
}SCSS
$jess: #25b387;
$jess-rgb: 37, 179, 135;
$jess-light: mix(#fff, $jess, 20%);
$jess-dark: mix(#000, $jess, 20%);
.element {
color: $jess;
box-shadow: 0 0 0 2px rgba($jess, 0.35);
}