Benannte Farbe · #13EAC9
Fake Jade
Fake Jade ist #13EAC9: rgb(19 234 201), hsl(171 85% 50%), oklch(0.839 0.153 177.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Teal mean? → · Fake Jade color name →
#13EAC9
oklch(0.839 0.153 177.4)
Farbumrechnungen
- HEX
- #13eac9
- RGB
- rgb(19 234 201)
- HSL
- hsl(171 85% 50%)
- HWB
- hwb(171 7% 8%)
- OKLCH
- oklch(0.839 0.153 177.4)
- OKLab
- oklab(0.839 -0.153 0.007)
- CIE Lab
- lab(83.27 -53.96 2.24)
- LCH
- lch(83.27 54.01 177.6)
- CMYK
- cmyk(92% 0% 14% 8%)
Tints · Shades · Tones
Tints
- 4EEDCE
- 6CEFD4
- 85F1D9
- 9AF4DE
- ADF6E4
- BFF8E9
- CFFAEF
- E0FCF4
- F0FDF9
Shades
- 0FCBAE
- 0BAE95
- 07917C
- 057564
- 035A4C
- 014136
- 012922
- 00130F
- 000302
Tones
- 3BDFC1
- 4ED4BA
- 5BCAB2
- 65BFAB
- 6DB4A4
- 73AA9C
- 789F95
- 7B958E
- 7E8A87
Farbharmonien
Komplementär +180°
- 13EAC9
Fake Jade
- FFB0CB
≈ Heartfelt
Analog -30° +30°
- 13EAC9
Fake Jade
- 80E58E
≈ Ragweed
- 00E4FA
≈ Whimsical Blue
Triadisch +120° +240°
- 13EAC9
Fake Jade
- D0BEFF
≈ Lavender Tonic
- FFB984
≈ Reddish Banana
Geteilt komplementär +150° +210°
- 13EAC9
Fake Jade
- FFA5FD
≈ Jigglypuff
- FFB4AB
≈ Washed-Out Crimson
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.53:1 · APCA Lc 24
Ag
AAAAuf Schwarz
WCAG 13.64:1 · APCA Lc 79
Beste Textfarbe: #000000
WCAG 13.64:1 (AAA) · APCA Lc 79
Contrast pairs
Code-Snippets
CSS
:root {
--fake-jade: #13eac9;
--fake-jade-rgb: 19 234 201;
--fake-jade-oklch: oklch(0.839 0.153 177.4);
}
.element {
color: var(--fake-jade);
background-color: hsl(171 85% 50%);
border-color: oklch(0.839 0.153 177.4);
}Tailwind CSS v4
@theme {
--color-fake-jade: #13eac9;
--color-fake-jade-50: #c6fff6;
--color-fake-jade-100: #aff9e9;
--color-fake-jade-200: #85ead6;
--color-fake-jade-300: #46d1b9;
--color-fake-jade-400: #00bb9d;
--color-fake-jade-500: #00a585;
--color-fake-jade-600: #008b71;
--color-fake-jade-700: #00705a;
--color-fake-jade-800: #005240;
--color-fake-jade-900: #003a2c;
--color-fake-jade-950: #002419;
}SCSS
$fake-jade: #13eac9;
$fake-jade-rgb: 19, 234, 201;
$fake-jade-light: mix(#fff, $fake-jade, 20%);
$fake-jade-dark: mix(#000, $fake-jade, 20%);
.element {
color: $fake-jade;
box-shadow: 0 0 0 2px rgba($fake-jade, 0.35);
}