가장 가까운 이름 색상 · #00AEAF
#00AEAF
가장 가까운 이름 색상: Teal Me No Lies
#00AEAF(rgb(0 174 175), hsl(180 100% 34%), oklch(0.68 0.116 195.5))와 가장 가까운 이름 색상은 Teal Me No Lies입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#00AEAF
oklch(0.68 0.116 195.5)
색상 변환
- HEX
- #00aeaf
- RGB
- rgb(0 174 175)
- HSL
- hsl(180 100% 34%)
- HWB
- hwb(180 0% 31%)
- OKLCH
- oklch(0.68 0.116 195.5)
- OKLab
- oklab(0.68 -0.112 -0.031)
- CIE Lab
- lab(64.11 -37.79 -11.75)
- LCH
- lch(64.11 39.58 197.3)
- CMYK
- cmyk(100% 1% 0% 31%)
틴트 · 셰이드 · 톤
틴트
- 3EB6B7
- 5BBEBF
- 74C7C7
- 8ACFCF
- 9ED7D6
- B2DFDF
- C6E7E7
- D9EFEF
- ECF7F7
셰이드
- 009798
- 008081
- 006A6B
- 005556
- 004141
- 002E2E
- 001C1C
- 000B0B
- 000101
톤
- 2CAAAA
- 3FA5A5
- 4DA1A1
- 589C9C
- 619897
- 689393
- 6F8E8E
- 758A89
- 7B8585
색 조화
보색 +180°
- 00AEAF
Teal Me No Lies
- D67980
≈ Juicy Details
유사색 -30° +30°
- 00AEAF
Teal Me No Lies
- 42AF87
≈ Walk in the Woods
- 30A7CE
≈ Reboot
삼각 배색 +120° +240°
- 00AEAF
Teal Me No Lies
- B481C9
≈ Lavender Sweater
- C18D3C
≈ Pizza
분열 보색 +150° +210°
- 00AEAF
Teal Me No Lies
- CB7AA8
≈ Heartbreaker
- D38059
≈ Copper Harbor
사각 배색 +90° +180° +270°
- 00AEAF
Teal Me No Lies
- 928DDD
≈ Perrywinkle
- D67980
≈ Juicy Details
- A39C3E
≈ Poplar
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.73:1 · APCA Lc 52
Ag
AAA검은색 위
WCAG 7.67:1 · APCA Lc 50
가장 좋은 글자색: #000000
WCAG 7.67:1 (AAA) · APCA Lc 50
Contrast pairs
코드 스니펫
CSS
:root {
--teal-me-no-lies: #00aeaf;
--teal-me-no-lies-rgb: 0 174 175;
--teal-me-no-lies-oklch: oklch(0.68 0.116 195.5);
}
.element {
color: var(--teal-me-no-lies);
background-color: hsl(180 100% 34%);
border-color: oklch(0.68 0.116 195.5);
}Tailwind CSS v4
@theme {
--color-teal-me-no-lies: #00aeaf;
--color-teal-me-no-lies-50: #cfffff;
--color-teal-me-no-lies-100: #bbf5f5;
--color-teal-me-no-lies-200: #98e4e6;
--color-teal-me-no-lies-300: #67cacc;
--color-teal-me-no-lies-400: #2cb3b4;
--color-teal-me-no-lies-500: #009d9e;
--color-teal-me-no-lies-600: #008586;
--color-teal-me-no-lies-700: #006a6b;
--color-teal-me-no-lies-800: #004e4e;
--color-teal-me-no-lies-900: #003736;
--color-teal-me-no-lies-950: #002121;
}SCSS
$teal-me-no-lies: #00aeaf;
$teal-me-no-lies-rgb: 0, 174, 175;
$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);
}