最も近い色名 · #30ABA7
#30ABA7
最も近い色名: Teal Me No Lies
#30ABA7（rgb(48 171 167)、hsl(178 56% 43%)、oklch(0.675 0.104 191.7)）に最も近い色名はTeal Me No Liesです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#30ABA7
oklch(0.675 0.104 191.7)
カラー変換
- 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%)
ティント · シェード · トーン
ティント
- 4EB3B0
- 66BCB8
- 7CC4C1
- 90CDC9
- A3D5D2
- B6DEDB
- C8E6E4
- DBEEED
- EDF7F6
シェード
- 289491
- 217E7B
- 1A6866
- 135452
- 0C403E
- 062D2C
- 031B1A
- 010B0A
- 000101
トーン
- 40A7A3
- 4CA39F
- 569E9B
- 5E9A97
- 669693
- 6C928F
- 728D8C
- 778988
- 7C8484
カラーハーモニー
補色 +180°
- 30ABA7
Teal Me No Lies
- CE7B86
≈ Dusky Pink
類似色 -30° +30°
- 30ABA7
Teal Me No Lies
- 54AB83
≈ Julep
- 3DA5C5
≈ Laguna
トライアド +120° +240°
- 30ABA7
Teal Me No Lies
- AC84C6
≈ Wisteria
- BF8C49
≈ Barista’s Favourite
スプリットコンプリメンタリー +150° +210°
- 30ABA7
Teal Me No Lies
- C37DA9
≈ Strawberry Freeze
- CD8163
≈ Burning Sand
テトラード +90° +180° +270°
- 30ABA7
Teal Me No Lies
- 8C8FD6
≈ Adora
- CE7B86
≈ Dusky Pink
- A49947
≈ Prickly Pear
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.79:1 · APCA Lc 53
Ag
AAA黒の上
WCAG 7.50:1 · APCA Lc 48
最適な文字色: #000000
WCAG 7.50:1 (AAA) · APCA Lc 48
Contrast pairs
コードスニペット
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);
}