Benannte Farbe · #0ABAB5
Jade Gravel
Jade Gravel ist #0ABAB5: rgb(10 186 181), hsl(178 90% 38%), oklch(0.713 0.122 191.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Teal mean? → · Jade Gravel color name →
#0ABAB5
oklch(0.713 0.122 191.3)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- 42C1BC
- 60C8C3
- 78CFCB
- 8DD6D2
- A2DDDA
- B5E4E1
- C8EBE8
- DBF2F0
- EDF8F7
Shades
- 07A19D
- 058986
- 03726F
- 025C59
- 014644
- 013230
- 001E1D
- 000D0C
- 000202
Tones
- 31B4B0
- 43AFAA
- 50A9A5
- 5BA39F
- 649D9A
- 6B9895
- 719290
- 778C8A
- 7C8685
Farbharmonien
Komplementär +180°
- 0ABAB5
Jade Gravel
- E3818F
≈ True Love
Analog -30° +30°
- 0ABAB5
Jade Gravel
- 50BA8A
≈ Bleached Olive
- 2BB3D8
≈ Ocean Sigh
Triadisch +120° +240°
- 0ABAB5
Jade Gravel
- BB8CDA
≈ Pale Purple
- D29543
≈ Hint of Caramel
Geteilt komplementär +150° +210°
- 0ABAB5
Jade Gravel
- D683B9
≈ Middle Purple
- E28765
≈ Midnight in Saigon
Tetradisch +90° +180° +270°
- 0ABAB5
Jade Gravel
- 9699EC
≈ Cold Lips
- E3818F
≈ True Love
- B3A440
≈ Brass
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.41:1 · APCA Lc 47
Ag
AAAAuf Schwarz
WCAG 8.70:1 · APCA Lc 55
Beste Textfarbe: #000000
WCAG 8.70:1 (AAA) · APCA Lc 55
Contrast pairs
Code-Snippets
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);
}