Najbliższy nazwany kolor · #3EB7A6
#3EB7A6
Najbliższy nazwany kolor: Emerald Bliss
#3EB7A6 (rgb(62 183 166), hsl(172 49% 48%), oklch(0.708 0.109 182)) jest najbliższy nazwanemu kolorowi Emerald Bliss. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#3EB7A6
oklch(0.708 0.109 182)
Konwersje koloru
- HEX
- #3eb7a6
- RGB
- rgb(62 183 166)
- HSL
- hsl(172 49% 48%)
- HWB
- hwb(172 24% 28%)
- OKLCH
- oklch(0.708 0.109 182)
- OKLab
- oklab(0.708 -0.109 -0.004)
- CIE Lab
- lab(67.52 -37.85 -1.68)
- LCH
- lch(67.52 37.89 182.5)
- CMYK
- cmyk(66% 0% 9% 28%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 59BEAF
- 6FC6B7
- 83CDC0
- 96D4C9
- A8DBD2
- BAE3DB
- CCEAE4
- DDF1ED
- EEF8F6
Odcienie ciemniejsze
- 359F90
- 2B877A
- 237065
- 1A5A51
- 12453E
- 0A312B
- 041E1A
- 010C0A
- 000201
Tony
- 4BB2A2
- 55AC9E
- 5DA79A
- 64A197
- 6B9C93
- 70968F
- 75918B
- 798B87
- 7D8684
Harmonie kolorów
Komplementarna +180°
- 3EB7A6
Emerald Bliss
- D9839C
≈ Primrose
Analogowa -30° +30°
- 3EB7A6
Emerald Bliss
- 6AB57F
≈ Appleton
- 38B3C8
≈ Utopia Beckons
Triada +120° +240°
- 3EB7A6
Emerald Bliss
- AE90DA
≈ Middy’s Purple
- D29156
≈ Polo Pony
Komplementarna rozszczepiona +150° +210°
- 3EB7A6
Emerald Bliss
- C987BF
≈ Dragonflies
- DC8776
≈ Love Sceptre
Tetrada +90° +180° +270°
- 3EB7A6
Emerald Bliss
- 899DE5
≈ Portage
- D9839C
≈ Primrose
- B99F4A
≈ Underbrush
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.46:1 · APCA Lc 48
Ag
AAANa czerni
WCAG 8.52:1 · APCA Lc 54
Najlepszy kolor tekstu: #000000
WCAG 8.52:1 (AAA) · APCA Lc 54
Contrast pairs
Fragmenty kodu
CSS
:root {
--emerald-bliss: #3eb7a6;
--emerald-bliss-rgb: 62 183 166;
--emerald-bliss-oklch: oklch(0.708 0.109 182);
}
.element {
color: var(--emerald-bliss);
background-color: hsl(172 49% 48%);
border-color: oklch(0.708 0.109 182);
}Tailwind CSS v4
@theme {
--color-emerald-bliss: #3eb7a6;
--color-emerald-bliss-50: #d4fff8;
--color-emerald-bliss-100: #c0f4ec;
--color-emerald-bliss-200: #9fe4d9;
--color-emerald-bliss-300: #72cabd;
--color-emerald-bliss-400: #44b3a3;
--color-emerald-bliss-500: #009d8b;
--color-emerald-bliss-600: #008576;
--color-emerald-bliss-700: #006a5e;
--color-emerald-bliss-800: #004e44;
--color-emerald-bliss-900: #00362f;
--color-emerald-bliss-950: #00211b;
}SCSS
$emerald-bliss: #3eb7a6;
$emerald-bliss-rgb: 62, 183, 166;
$emerald-bliss-light: mix(#fff, $emerald-bliss, 20%);
$emerald-bliss-dark: mix(#000, $emerald-bliss, 20%);
.element {
color: $emerald-bliss;
box-shadow: 0 0 0 2px rgba($emerald-bliss, 0.35);
}