Nazwany kolor · #0ABAB5
Jade Gravel
Jade Gravel to #0ABAB5: rgb(10 186 181), hsl(178 90% 38%), oklch(0.713 0.122 191.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Teal mean? → · Jade Gravel color name →
#0ABAB5
oklch(0.713 0.122 191.3)
Konwersje koloru
- HEX
- #0abab5
- RGB
- rgb(10 186 181)
- HSL
- hsl(178 90% 38%)
- HWB
- hwb(178 4% 27%)
- OKLCH
- oklch(0.713 0.122 191.3)
- OKLab
- oklab(0.713 -0.119 -0.024)
- CIE Lab
- lab(68.07 -40.79 -9.18)
- LCH
- lch(68.07 41.82 192.7)
- CMYK
- cmyk(95% 0% 3% 27%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 42C1BC
- 60C8C3
- 78CFCB
- 8DD6D2
- A2DDDA
- B5E4E1
- C8EBE8
- DBF2F0
- EDF8F7
Odcienie ciemniejsze
- 07A19D
- 058986
- 03726F
- 025C59
- 014644
- 013230
- 001E1D
- 000D0C
- 000202
Tony
- 31B4B0
- 43AFAA
- 50A9A5
- 5BA39F
- 649D9A
- 6B9895
- 719290
- 778C8A
- 7C8685
Harmonie kolorów
Komplementarna +180°
- 0ABAB5
Jade Gravel
- E3818F
≈ True Love
Analogowa -30° +30°
- 0ABAB5
Jade Gravel
- 50BA8A
≈ Bleached Olive
- 2BB3D8
≈ Ocean Sigh
Triada +120° +240°
- 0ABAB5
Jade Gravel
- BB8CDA
≈ Pale Purple
- D29543
≈ Hint of Caramel
Komplementarna rozszczepiona +150° +210°
- 0ABAB5
Jade Gravel
- D683B9
≈ Middle Purple
- E28765
≈ Midnight in Saigon
Tetrada +90° +180° +270°
- 0ABAB5
Jade Gravel
- 9699EC
≈ Cold Lips
- E3818F
≈ True Love
- B3A440
≈ Brass
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.41:1 · APCA Lc 47
Ag
AAANa czerni
WCAG 8.70:1 · APCA Lc 55
Najlepszy kolor tekstu: #000000
WCAG 8.70:1 (AAA) · APCA Lc 55
Contrast pairs
Fragmenty kodu
CSS
:root {
--jade-gravel: #0abab5;
--jade-gravel-rgb: 10 186 181;
--jade-gravel-oklch: oklch(0.713 0.122 191.3);
}
.element {
color: var(--jade-gravel);
background-color: hsl(178 90% 38%);
border-color: oklch(0.713 0.122 191.3);
}Tailwind CSS v4
@theme {
--color-jade-gravel: #0abab5;
--color-jade-gravel-50: #ceffff;
--color-jade-gravel-100: #b9f5f3;
--color-jade-gravel-200: #95e5e3;
--color-jade-gravel-300: #62cbc9;
--color-jade-gravel-400: #1eb5b0;
--color-jade-gravel-500: #009e9a;
--color-jade-gravel-600: #008682;
--color-jade-gravel-700: #006b68;
--color-jade-gravel-800: #004f4b;
--color-jade-gravel-900: #003734;
--color-jade-gravel-950: #002220;
}SCSS
$jade-gravel: #0abab5;
$jade-gravel-rgb: 10, 186, 181;
$jade-gravel-light: mix(#fff, $jade-gravel, 20%);
$jade-gravel-dark: mix(#000, $jade-gravel, 20%);
.element {
color: $jade-gravel;
box-shadow: 0 0 0 2px rgba($jade-gravel, 0.35);
}