Nazwany kolor · #6AA193
Jade Dragon
Jade Dragon to #6AA193: rgb(106 161 147), hsl(165 23% 52%), oklch(0.666 0.062 176.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Teal mean? → · Jade Dragon color name →
#6AA193
oklch(0.666 0.062 176.5)
Konwersje koloru
- HEX
- #6aa193
- RGB
- rgb(106 161 147)
- HSL
- hsl(165 23% 52%)
- HWB
- hwb(165 42% 37%)
- OKLCH
- oklch(0.666 0.062 176.5)
- OKLab
- oklab(0.666 -0.062 0.004)
- CIE Lab
- lab(62.1 -21.34 1.24)
- LCH
- lch(62.1 21.37 176.7)
- CMYK
- cmyk(34% 0% 9% 37%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 79AA9D
- 88B3A8
- 97BDB2
- A5C6BD
- B4CFC8
- C3D9D2
- D2E2DD
- E1ECE9
- F0F5F4
Odcienie ciemniejsze
- 5B8B7F
- 4D766C
- 3F6259
- 314E47
- 243C36
- 182A25
- 0D1916
- 040908
- 000101
Tony
- 6D9E91
- 709A8F
- 72978D
- 75948B
- 779189
- 798D88
- 7B8A86
- 7D8784
- 7E8382
Harmonie kolorów
Komplementarna +180°
- 6AA193
Jade Dragon
- B48595
≈ Nuisette
Analogowa -30° +30°
- 6AA193
Jade Dragon
- 7C9F7E
≈ Aquadulce
- 659FA7
≈ Aqua Sea
Triada +120° +240°
- 6AA193
Jade Dragon
- 978DB6
≈ Brave Purple
- B28B6F
≈ Jama Masjid Taupe
Komplementarna rozszczepiona +150° +210°
- 6AA193
Jade Dragon
- A987A9
≈ Dusty Lavender
- B78680
≈ Toki Brown
Tetrada +90° +180° +270°
- 6AA193
Jade Dragon
- 8394BB
≈ Soothsayer
- B48595
≈ Nuisette
- A59268
≈ Rolling Prairie
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.94:1 · APCA Lc 56
Ag
AAANa czerni
WCAG 7.13:1 · APCA Lc 46
Najlepszy kolor tekstu: #000000
WCAG 7.13:1 (AAA) · APCA Lc 46
Contrast pairs
Fragmenty kodu
CSS
:root {
--jade-dragon: #6aa193;
--jade-dragon-rgb: 106 161 147;
--jade-dragon-oklch: oklch(0.666 0.062 176.5);
}
.element {
color: var(--jade-dragon);
background-color: hsl(165 23% 52%);
border-color: oklch(0.666 0.062 176.5);
}Tailwind CSS v4
@theme {
--color-jade-dragon: #6aa193;
--color-jade-dragon-50: #e3fbf5;
--color-jade-dragon-100: #d3efe8;
--color-jade-dragon-200: #b9ddd4;
--color-jade-dragon-300: #96c2b8;
--color-jade-dragon-400: #77ab9d;
--color-jade-dragon-500: #579485;
--color-jade-dragon-600: #4a7d71;
--color-jade-dragon-700: #3b645a;
--color-jade-dragon-800: #2a4a41;
--color-jade-dragon-900: #1c332d;
--color-jade-dragon-950: #0c1f1a;
}SCSS
$jade-dragon: #6aa193;
$jade-dragon-rgb: 106, 161, 147;
$jade-dragon-light: mix(#fff, $jade-dragon, 20%);
$jade-dragon-dark: mix(#000, $jade-dragon, 20%);
.element {
color: $jade-dragon;
box-shadow: 0 0 0 2px rgba($jade-dragon, 0.35);
}