Benannte Farbe · #34C2A7
Jade Mountain
Jade Mountain ist #34C2A7: rgb(52 194 167), hsl(169 58% 48%), oklch(0.734 0.124 176.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Teal mean? → · Jade Mountain color name →
#34C2A7
oklch(0.734 0.124 176.7)
Farbumrechnungen
- HEX
- #34c2a7
- RGB
- rgb(52 194 167)
- HSL
- hsl(169 58% 48%)
- HWB
- hwb(169 20% 24%)
- OKLCH
- oklch(0.734 0.124 176.7)
- OKLab
- oklab(0.734 -0.124 0.007)
- CIE Lab
- lab(70.72 -43.47 2.34)
- LCH
- lch(70.72 43.53 176.9)
- CMYK
- cmyk(73% 0% 14% 24%)
Tints · Shades · Tones
Tints
- 54C8AF
- 6CCFB8
- 82D5C1
- 95DBC9
- A8E1D2
- BAE7DB
- CCEDE4
- DDF3ED
- EEF9F6
Shades
- 2CA891
- 248F7B
- 1C7766
- 156052
- 0E493E
- 07342C
- 03201A
- 010E0A
- 000201
Tones
- 45BBA3
- 51B59F
- 5BAE9B
- 63A897
- 6AA193
- 709B8F
- 75948C
- 798D88
- 7D8784
Farbharmonien
Komplementär +180°
- 34C2A7
Jade Mountain
- E686AA
≈ Rose Glory
Analog -30° +30°
- 34C2A7
Jade Mountain
- 71BE7A
≈ Young Fern
- 11BED0
≈ Holiday Blue
Triadisch +120° +240°
- 34C2A7
Jade Mountain
- B198ED
≈ Dreamy Candy Forest
- E39356
≈ Pumpkin Toast
Geteilt komplementär +150° +210°
- 34C2A7
Jade Mountain
- D28CD2
≈ Blush Essence
- ED897E
≈ Salmon Carpaccio
Tetradisch +90° +180° +270°
- 34C2A7
Jade Mountain
- 85A6F7
≈ Fennel Flower
- E686AA
≈ Rose Glory
- CBA340
≈ Golden Touch
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.22:1 · APCA Lc 44
Ag
AAAAuf Schwarz
WCAG 9.42:1 · APCA Lc 59
Beste Textfarbe: #000000
WCAG 9.42:1 (AAA) · APCA Lc 59
Contrast pairs
Code-Snippets
CSS
:root {
--jade-mountain: #34c2a7;
--jade-mountain-rgb: 52 194 167;
--jade-mountain-oklch: oklch(0.734 0.124 176.7);
}
.element {
color: var(--jade-mountain);
background-color: hsl(169 58% 48%);
border-color: oklch(0.734 0.124 176.7);
}Tailwind CSS v4
@theme {
--color-jade-mountain: #34c2a7;
--color-jade-mountain-50: #d0fff6;
--color-jade-mountain-100: #bcf6e8;
--color-jade-mountain-200: #98e6d5;
--color-jade-mountain-300: #68ccb8;
--color-jade-mountain-400: #31b69d;
--color-jade-mountain-500: #00a084;
--color-jade-mountain-600: #008770;
--color-jade-mountain-700: #006c59;
--color-jade-mountain-800: #005040;
--color-jade-mountain-900: #00382c;
--color-jade-mountain-950: #002219;
}SCSS
$jade-mountain: #34c2a7;
$jade-mountain-rgb: 52, 194, 167;
$jade-mountain-light: mix(#fff, $jade-mountain, 20%);
$jade-mountain-dark: mix(#000, $jade-mountain, 20%);
.element {
color: $jade-mountain;
box-shadow: 0 0 0 2px rgba($jade-mountain, 0.35);
}