Benannte Farbe · #38C6A1
Jadeite
Jadeite ist #38C6A1: rgb(56 198 161), hsl(164 56% 50%), oklch(0.743 0.131 171.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Teal mean? → · Jadeite color name →
#38C6A1
oklch(0.743 0.131 171.2)
Farbumrechnungen
- HEX
- #38c6a1
- RGB
- rgb(56 198 161)
- HSL
- hsl(164 56% 50%)
- HWB
- hwb(164 22% 22%)
- OKLCH
- oklch(0.743 0.131 171.2)
- OKLab
- oklab(0.743 -0.129 0.02)
- CIE Lab
- lab(71.91 -45.58 7.27)
- LCH
- lch(71.91 46.15 170.9)
- CMYK
- cmyk(72% 0% 19% 22%)
Tints · Shades · Tones
Tints
- 57CCAA
- 6FD2B3
- 84D8BC
- 97DEC6
- AAE3CF
- BBE9D9
- CDEFE2
- DEF4EC
- EEFAF5
Shades
- 2FAC8B
- 279276
- 1F7A62
- 17624E
- 0F4B3C
- 08352A
- 042119
- 010E09
- 000201
Tones
- 48BF9E
- 54B89A
- 5DB197
- 65AA94
- 6BA390
- 719C8D
- 76958A
- 7A8E87
- 7D8783
Farbharmonien
Komplementär +180°
- 38C6A1
Jadeite
- E988B6
≈ Tempting Pink
Analog -30° +30°
- 38C6A1
Jadeite
- 7BC071
≈ Hillside Grove
- 00C3CD
≈ Turquoise Surf
Triadisch +120° +240°
- 38C6A1
Jadeite
- AD9CF8
≈ Dull Lavender
- EC925B
≈ Chinese Lantern
Geteilt komplementär +150° +210°
- 38C6A1
Jadeite
- D18FDD
≈ Blush Essence
- F38887
≈ Cheery
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.15:1 · APCA Lc 42
Ag
AAAAuf Schwarz
WCAG 9.76:1 · APCA Lc 60
Beste Textfarbe: #000000
WCAG 9.76:1 (AAA) · APCA Lc 60
Contrast pairs
Code-Snippets
CSS
:root {
--jadeite: #38c6a1;
--jadeite-rgb: 56 198 161;
--jadeite-oklch: oklch(0.743 0.131 171.2);
}
.element {
color: var(--jadeite);
background-color: hsl(164 56% 50%);
border-color: oklch(0.743 0.131 171.2);
}Tailwind CSS v4
@theme {
--color-jadeite: #38c6a1;
--color-jadeite-50: #d0fff2;
--color-jadeite-100: #bbf7e4;
--color-jadeite-200: #98e7cf;
--color-jadeite-300: #68cdb1;
--color-jadeite-400: #31b794;
--color-jadeite-500: #00a17b;
--color-jadeite-600: #008868;
--color-jadeite-700: #006d53;
--color-jadeite-800: #00503b;
--color-jadeite-900: #003828;
--color-jadeite-950: #002216;
}SCSS
$jadeite: #38c6a1;
$jadeite-rgb: 56, 198, 161;
$jadeite-light: mix(#fff, $jadeite, 20%);
$jadeite-dark: mix(#000, $jadeite, 20%);
.element {
color: $jadeite;
box-shadow: 0 0 0 2px rgba($jadeite, 0.35);
}