Nazwany kolor · #61826C
Jadite
Jadite to #61826C: rgb(97 130 108), hsl(140 15% 45%), oklch(0.575 0.05 155.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Jadite color name →
#61826C
oklch(0.575 0.05 155.3)
Konwersje koloru
- HEX
- #61826c
- RGB
- rgb(97 130 108)
- HSL
- hsl(140 15% 45%)
- HWB
- hwb(140 38% 49%)
- OKLCH
- oklch(0.575 0.05 155.3)
- OKLab
- oklab(0.575 -0.046 0.021)
- CIE Lab
- lab(51.35 -15.8 7.98)
- LCH
- lch(51.35 17.7 153.2)
- CMYK
- cmyk(25% 0% 17% 49%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 708E7A
- 7F9A88
- 8EA696
- 9EB2A4
- AEBFB3
- BECBC2
- CED8D1
- DEE5E0
- EEF2EF
Odcienie ciemniejsze
- 53705D
- 465F4E
- 394E40
- 2D3E32
- 212F25
- 152019
- 0B120D
- 030604
- 000100
Tony
- 64826E
- 688270
- 6B8272
- 6E8174
- 718176
- 748178
- 77817A
- 7A817C
- 7D807E
Harmonie kolorów
Komplementarna +180°
- 61826C
Jadite
- 8C6E85
≈ Dianthus Mauve
Analogowa -30° +30°
- 61826C
Jadite
- 727E5E
≈ Variegated Frond
- 56837D
≈ Rainier Blue
Triada +120° +240°
- 61826C
Jadite
- 707797
≈ Quantum Blue
- 946F65
≈ Prairie Dog
Komplementarna rozszczepiona +150° +210°
- 61826C
Jadite
- 807291
≈ Provence Violet
- 936D74
≈ Dull Dusky Pink
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 4.27:1 · APCA Lc 69
Ag
AANa czerni
WCAG 4.91:1 · APCA Lc 32
Najlepszy kolor tekstu: #000000
WCAG 4.91:1 (AA) · APCA Lc 32
Contrast pairs
Fragmenty kodu
CSS
:root {
--jadite: #61826c;
--jadite-rgb: 97 130 108;
--jadite-oklch: oklch(0.575 0.05 155.3);
}
.element {
color: var(--jadite);
background-color: hsl(140 15% 45%);
border-color: oklch(0.575 0.05 155.3);
}Tailwind CSS v4
@theme {
--color-jadite: #61826c;
--color-jadite-50: #eafaef;
--color-jadite-100: #dbede1;
--color-jadite-200: #c3dbcc;
--color-jadite-300: #a3c0ad;
--color-jadite-400: #87a892;
--color-jadite-500: #6b9078;
--color-jadite-600: #5b7a66;
--color-jadite-700: #496251;
--color-jadite-800: #35483a;
--color-jadite-900: #243228;
--color-jadite-950: #131e16;
}SCSS
$jadite: #61826c;
$jadite-rgb: 97, 130, 108;
$jadite-light: mix(#fff, $jadite, 20%);
$jadite-dark: mix(#000, $jadite, 20%);
.element {
color: $jadite;
box-shadow: 0 0 0 2px rgba($jadite, 0.35);
}