Warna bernama terdekat · #30ABA7
#30ABA7
Warna bernama terdekat: Teal Me No Lies
#30ABA7 (rgb(48 171 167), hsl(178 56% 43%), oklch(0.675 0.104 191.7)) paling mendekati warna bernama Teal Me No Lies. Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
#30ABA7
oklch(0.675 0.104 191.7)
Konversi warna
- HEX
- #30aba7
- RGB
- rgb(48 171 167)
- HSL
- hsl(178 56% 43%)
- HWB
- hwb(178 19% 33%)
- OKLCH
- oklch(0.675 0.104 191.7)
- OKLab
- oklab(0.675 -0.102 -0.021)
- CIE Lab
- lab(63.5 -34.86 -8.15)
- LCH
- lch(63.5 35.8 193.2)
- CMYK
- cmyk(72% 0% 2% 33%)
Tint · Shade · Tone
Tint
- 4EB3B0
- 66BCB8
- 7CC4C1
- 90CDC9
- A3D5D2
- B6DEDB
- C8E6E4
- DBEEED
- EDF7F6
Shade
- 289491
- 217E7B
- 1A6866
- 135452
- 0C403E
- 062D2C
- 031B1A
- 010B0A
- 000101
Tone
- 40A7A3
- 4CA39F
- 569E9B
- 5E9A97
- 669693
- 6C928F
- 728D8C
- 778988
- 7C8484
Harmoni warna
Komplementer +180°
- 30ABA7
Teal Me No Lies
- CE7B86
≈ Dusky Pink
Analog -30° +30°
- 30ABA7
Teal Me No Lies
- 54AB83
≈ Julep
- 3DA5C5
≈ Laguna
Triadik +120° +240°
- 30ABA7
Teal Me No Lies
- AC84C6
≈ Wisteria
- BF8C49
≈ Barista’s Favourite
Split-komplementer +150° +210°
- 30ABA7
Teal Me No Lies
- C37DA9
≈ Strawberry Freeze
- CD8163
≈ Burning Sand
Tetradik +90° +180° +270°
- 30ABA7
Teal Me No Lies
- 8C8FD6
≈ Adora
- CE7B86
≈ Dusky Pink
- A49947
≈ Prickly Pear
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 2.79:1 · APCA Lc 53
Ag
AAADi atas hitam
WCAG 7.50:1 · APCA Lc 48
Warna teks terbaik: #000000
WCAG 7.50:1 (AAA) · APCA Lc 48
Contrast pairs
Cuplikan kode
CSS
:root {
--teal-me-no-lies: #30aba7;
--teal-me-no-lies-rgb: 48 171 167;
--teal-me-no-lies-oklch: oklch(0.675 0.104 191.7);
}
.element {
color: var(--teal-me-no-lies);
background-color: hsl(178 56% 43%);
border-color: oklch(0.675 0.104 191.7);
}Tailwind CSS v4
@theme {
--color-teal-me-no-lies: #30aba7;
--color-teal-me-no-lies-50: #d4fffe;
--color-teal-me-no-lies-100: #c0f4f2;
--color-teal-me-no-lies-200: #9fe3e1;
--color-teal-me-no-lies-300: #73c9c7;
--color-teal-me-no-lies-400: #44b2ae;
--color-teal-me-no-lies-500: #009b98;
--color-teal-me-no-lies-600: #008380;
--color-teal-me-no-lies-700: #006967;
--color-teal-me-no-lies-800: #004e4a;
--color-teal-me-no-lies-900: #003633;
--color-teal-me-no-lies-950: #00211f;
}SCSS
$teal-me-no-lies: #30aba7;
$teal-me-no-lies-rgb: 48, 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);
}