Najbliższy nazwany kolor · #38ABA7
#38ABA7
Najbliższy nazwany kolor: Teal Me No Lies
#38ABA7 (rgb(56 171 167), hsl(178 51% 45%), oklch(0.677 0.101 191.7)) jest najbliższy nazwanemu kolorowi Teal Me No Lies. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#38ABA7
oklch(0.677 0.101 191.7)
Konwersje koloru
- HEX
- #38aba7
- RGB
- rgb(56 171 167)
- HSL
- hsl(178 51% 45%)
- HWB
- hwb(178 22% 33%)
- OKLCH
- oklch(0.677 0.101 191.7)
- OKLab
- oklab(0.677 -0.099 -0.02)
- CIE Lab
- lab(63.69 -33.67 -7.86)
- LCH
- lch(63.69 34.57 193.1)
- CMYK
- cmyk(67% 0% 2% 33%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 53B3B0
- 6ABCB8
- 7FC4C1
- 92CDC9
- A5D5D2
- B7DDDB
- C9E6E4
- DBEEED
- EDF7F6
Odcienie ciemniejsze
- 2F9491
- 277E7B
- 1F6866
- 175452
- 0F403E
- 082D2C
- 041B1A
- 010B0A
- 000101
Tony
- 46A7A3
- 50A39F
- 599E9B
- 619A97
- 679693
- 6D928F
- 738D8C
- 788988
- 7C8484
Harmonie kolorów
Komplementarna +180°
- 38ABA7
Teal Me No Lies
- CD7D87
≈ Grey Matter
Analogowa -30° +30°
- 38ABA7
Teal Me No Lies
- 58AB84
≈ Julep
- 43A5C4
≈ Oasis Spring
Triada +120° +240°
- 38ABA7
Teal Me No Lies
- AC85C5
≈ Lilac Purple
- BE8D4D
≈ Barista’s Favourite
Komplementarna rozszczepiona +150° +210°
- 38ABA7
Teal Me No Lies
- C27EA9
≈ Hollyhock Blossom Pink
- CC8266
≈ Burning Sand
Tetrada +90° +180° +270°
- 38ABA7
Teal Me No Lies
- 8D90D4
≈ Adora
- CD7D87
≈ Grey Matter
- A49A4B
≈ Formosan Green
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.78:1 · APCA Lc 53
Ag
AAANa czerni
WCAG 7.55:1 · APCA Lc 49
Najlepszy kolor tekstu: #000000
WCAG 7.55:1 (AAA) · APCA Lc 49
Contrast pairs
Fragmenty kodu
CSS
:root {
--teal-me-no-lies: #38aba7;
--teal-me-no-lies-rgb: 56 171 167;
--teal-me-no-lies-oklch: oklch(0.677 0.101 191.7);
}
.element {
color: var(--teal-me-no-lies);
background-color: hsl(178 51% 45%);
border-color: oklch(0.677 0.101 191.7);
}Tailwind CSS v4
@theme {
--color-teal-me-no-lies: #38aba7;
--color-teal-me-no-lies-50: #d5fffd;
--color-teal-me-no-lies-100: #c2f3f1;
--color-teal-me-no-lies-200: #a1e2e0;
--color-teal-me-no-lies-300: #76c8c6;
--color-teal-me-no-lies-400: #49b1ad;
--color-teal-me-no-lies-500: #009b97;
--color-teal-me-no-lies-600: #008380;
--color-teal-me-no-lies-700: #016966;
--color-teal-me-no-lies-800: #014d4a;
--color-teal-me-no-lies-900: #023633;
--color-teal-me-no-lies-950: #00211f;
}SCSS
$teal-me-no-lies: #38aba7;
$teal-me-no-lies-rgb: 56, 171, 167;
$teal-me-no-lies-light: mix(#fff, $teal-me-no-lies, 20%);
$teal-me-no-lies-dark: mix(#000, $teal-me-no-lies, 20%);
.element {
color: $teal-me-no-lies;
box-shadow: 0 0 0 2px rgba($teal-me-no-lies, 0.35);
}