아쿠아 vs 틸 vs 터쿼이즈: 청록색 계열 정리

색상 스펙트럼의 청록색 영역은 이름 붙여진 음영으로 유난히 붐빕니다. 아쿠아(Aqua), 틸(Teal), 터쿼이즈(Turquoise)는 이 계열에서 가장 일반적이고 — 가장 흔히 혼동되는 — 구성원 중 세 가지입니다. 세 가지 모두 색상환에서 파랑과 초록 사이에 위치하며, 세 가지 모두 차갑고, 청량하며, 다소 수중의 느낌으로 읽힙니다. 하지만 헥스 코드 측면에서는 서로 극적으로 다르며, 디자인 실무에서는 완전히 다른 기능을 제공합니다.

이 가이드는 각 색상을 정확한 헥스 코드와 함께 분석하고, 시각적, 기술적 구분을 설명하며, 임의의 디자인 맥락에서 그것들 사이에서 선택하기 위한 명확한 프레임워크를 제공합니다.

아쿠아: 가장 순수한 청록색

아쿠아의 CSS 헥스 코드는 #00FFFF입니다 — 그리고 이것은 RGB 시스템에서 수학적으로 가장 극단적인 색상 중 하나입니다. RGB로: rgb(0, 255, 255) — 제로 빨강, 최대 초록, 최대 파랑. 이것은 순수하고 완전히 채도 높은 시안(cyan): 이론적 최대에서 초록과 파랑의 만남.

HSL 측면에서: hsl(180, 100%, 50%) — 초록(120°)과 파랑(240°) 사이의 색상환 중간점인 정확히 180도. 100% 채도와 정확히 50% 명도로, 아쿠아는 청록색이 될 수 있는 만큼 선명하고 순수합니다.

아쿠아/시안 정체성

"아쿠아"와 "시안"은 CSS에서 동일합니다. 둘 다 #00FFFF에 매핑됩니다:

color: aqua;   /* → #00FFFF */
color: cyan;   /* → #00FFFF */

이것은 마젠타와 퓨시아 — 둘 다 명명된 색상이 동일한 헥스 값에 매핑되는 — 와 같은 상황입니다. 차이는 맥락적입니다: "시안"은 기술적, 인쇄 산업 용어(CMYK의 C)이며, "아쿠아"는 물, 바다, 열대 환경과 연관된 디자인 및 소비자 대면 용어입니다.

아쿠아 한눈에 보기

제로 빨강 채널이 정의합니다: 아쿠아/시안은 빨강 오염이 전혀 없습니다. 초록과 파랑 빛의 순수한 혼합입니다. 이것은 물리적 재료나 자연에서는 전체 강도로 거의 볼 수 없는 거의 비현실적이고 화면 특유의 선명함을 줍니다.

틸: 더 어둡고 더 안정적인 청록색

틸의 헥스 코드는 #008080입니다. RGB로: rgb(0, 128, 128) — 제로 빨강, 초록과 파랑 모두 정확히 최대의 절반(128). 이 수치적 대칭은 우아합니다: 틸은 아쿠아/시안의 어두운 버전으로, 그 순수한 180도 청록색을 취하고 두 채널을 비례적으로 절반으로 줄임으로써 생산됩니다.

HSL에서: hsl(180, 100%, 25%) — 아쿠아와 정확히 같은 색상(hue)(180°)과 채도(100%), 하지만 50% 대신 단지 25% 명도. 틸은 단순히 어두운 시안입니다. 그 색상 정체성에 관한 모든 것은 아쿠아와 동일합니다; 변하는 것은 명도입니다.

이는 틸이 독특하게 예측 가능함을 의미합니다: 모든 디자인 맥락에서 아쿠아의 어둡고 차분한 버전처럼 행동합니다. 그것들은 네이비 #000080이 순수한 파랑 #0000FF에 관련되는 것과 같은 방식으로 관련됩니다 — 같은 색상(hue), 더 낮은 명도.

틸 한눈에 보기

"틸"이라는 이름은 유라시아 청오리(Anas crecca)에서 왔습니다. 이 작은 민물 오리의 특징적인 눈 줄무늬는 선명한 짙은 파랑-초록입니다. 이 색상 이름은 새의 특징적인 마킹과 관련된 이 특정한 짙은 시안-초록을 묘사하기 위해 1920년대경 영어에서 사용되기 시작했습니다.

터쿼이즈: 보석 색상

터쿼이즈의 헥스 코드는 #40E0D0입니다. RGB로: rgb(64, 224, 208) — 빨강의 작지만 의미 있는 존재(64), 최대에 인접한 초록(224), 높은 파랑(208). 이것은 아쿠아와 틸의 "제로 빨강" 패턴을 깨는 세 가지 중 하나입니다.

HSL에서: hsl(174, 72%, 56%) — 174도 색상각(180° 중간점에 가깝지만 6도 초록 쪽으로 이동), 72% 채도(아쿠아의 100%나 틸의 100%보다 눈에 띄게 낮음), 56% 명도(아쿠아의 밝기와 비슷하지만 약간 더 밝음).

빨강 채널 값 64와 낮은 채도가 터쿼이즈를 아쿠아나 틸보다 더 부드럽고, 더 따뜻하며, 더 자연스럽게 느껴지게 만드는 것입니다. 아쿠아가 전기적이고 틸이 어두운 반면, 터쿼이즈는 차분하고 보석 같습니다.

터쿼이즈 한눈에 보기

이 색상은 터쿼이즈 보석에서 이름을 따왔습니다 — 고대 이집트부터 채굴되고 가치 있게 여겨진 수화 인산염 광물. 가장 귀한 터쿼이즈(특히 이란 Nishapur 광산의 페르시아 터쿼이즈)는 철 함량의 미량 원소에서 오는 미묘한 따뜻함이 있는 독특한 청록색입니다. 그 따뜻함은 #40E0D0의 빨강 채널 값 64가 정확히 나타내는 것입니다.

실제 터쿼이즈 보석은 광물 퇴적물과 철/구리 함량에 따라 거의 파랑에서 거의 초록까지 색상이 상당히 다양합니다. 헥스 코드 #40E0D0는 중간 합의 값을 나타내지만, 다양한 디자인 시스템에서 "터쿼이즈"를 검색할 때 #30D5C8에서 #00CED1까지의 정의를 만날 수 있습니다.

헥스 코드 비교 표

가장 중요한 비교 — 세 가지 나란히:

표에서 두 가지 핵심 패턴이 나타납니다:

1. 아쿠아와 틸은 동일한 색상(hue)과 채도를 공유합니다 — 명도(50% vs 25%)에서만 다릅니다. 틸은 어두운 아쿠아입니다.
2. 터쿼이즈는 빨강 채널(64)과 낮은 채도(72%)로 구별됩니다 — 아쿠아/틸의 순수한 시안보다 더 따뜻하고 부드럽습니다.

참조를 위한 인접 청록색들

세 가지가 더 넓은 청록색 계열에서 어디에 위치하는지 이해하기 위해:

디자인 사용 사례

아쿠아 #00FFFF를 사용해야 할 때

아쿠아의 최대 채도와 50% 명도는 매우 선명합니다 — RGB 디스플레이에서 가장 눈길을 끄는 색상 중 하나입니다. 이 강도는 강점이자 제한이기도 합니다.

최적 사용: - 어두운 테마 UI와 대시보드의 액센트 색상과 하이라이트 (어두운 배경에서 돋보임) - 고채도가 요점인 네온과 사이버펑크 인접 미학 - 어두운 또는 중립적 배경에 대해 명확하게 읽히는 고대비, 특징적인 색상이 필요할 때의 데이터 시각화 - 아이콘 채우기, 활성 상태 표시기, 하이라이트 마크와 같은 작은 액센트 요소

아쿠아를 피해야 할 경우: - 넓은 배경 영역 — 대규모에서는 시각적으로 피로합니다 - 흰색이나 밝은 배경에서의 텍스트 — #00FFFF on #FFFFFF의 대비 비율은 단지 1.25:1로 모든 접근성 기준에서 실패합니다 - 전기적 선명함이 부적절하게 느껴지는 전문적, 보수적, 또는 럭셔리 브랜드 맥락

아쿠아 텍스트나 UI 요소는 대비 체커로 확인하세요 — 아쿠아는 거의 항상 접근 가능하려면 어두운 배경이 필요합니다.

틸 #008080를 사용해야 할 때

틸의 낮은 명도(25%)는 진정으로 어두운 색상으로 만들어줍니다 — 흰색이나 밝은 배경에서 텍스트로 사용할 만큼 충분히 어둡고, 단순한 액센트가 아닌 주요 브랜드 컬러로 기능할 만큼 충분히 다재다능합니다.

최적 사용: - 헬스케어, 웰니스, 지속 가능성, 금융 서비스 회사의 브랜드 주색 - 표준 남색이나 짙은 회색의 상쾌한 대안으로서의 텍스트 및 제목 색상 - 버튼과 인터랙티브 요소 색상 — 틸은 약 4.54:1의 대비 비율로 흰색에서 일반 텍스트에 대해 WCAG AA를 통과합니다 - 디지털과 인쇄 컨텍스트 모두에서 작동해야 하는 로고 및 아이덴티티 디자인

잘 작동하는 틸 조합: - 틸 #008080 + 따뜻한 흰색 #FAF9F6 — 깔끔하고 전문적 - 틸 + 산호 또는 테라코타 — 보색 대비 (산호는 색상환에서 거의 반대) - 틸 + 금색 — 고전적인 보색 조합 - 틸 + 밝은 회색 — 기업적, 접근 가능한, 현대적

팔레트 생성기를 사용하여 틸을 기본 색상으로 보색, 유사색, 3색 조합을 탐색하세요.

터쿼이즈 #40E0D0를 사용해야 할 때

터쿼이즈는 독특한 중간 지점을 점유합니다: 틸보다 밝지만 아쿠아보다 따뜻하고 부드럽습니다. 차분한 채도(72%)와 보석 같은 특성은 넓은 영역 사용에서 아쿠아보다 더 다재다능하게 만들면서 틸보다 더 에너제틱하게 유지합니다.

최적 사용: - 열대/수중 연관이 바람직한 여행, 숙박, 라이프스타일 브랜드 팔레트 - 보석 연관이 가치를 더하는 패션과 주얼리 맥락 - 수영장과 스파 환경, 바다와 해변 인접 맥락 - 따뜻한 청록색이 적합한 삽화와 편집 색상 - 홈 굿즈와 인테리어 액센트 — 터쿼이즈는 서양 시장에서 가장 지속적으로 인기 있는 인테리어 액센트 색상 중 하나

터쿼이즈의 역사적, 문화적 맥락: - 아메리카 원주민 주얼리 전통 — 터쿼이즈는 나바호, 푸에블로, 다른 남서부 문화에서 깊은 문화적 의미를 가집니다 - 페르시아와 이슬람 예술 — 터쿼이즈 유약 타일 작업은 이슬람 건축 장식의 정의하는 요소 - 아르데코 스타일링 — 터쿼이즈는 1920-1930년대 아르데코 미학의 시그니처 액센트 색상이었습니다

대비와 접근성 요약

대비 상황은 뚜렷합니다: 틸은 흰색에서 텍스트 색상으로 WCAG AA 기준을 통과하는 세 가지 중 유일한 것입니다. 아쿠아와 터쿼이즈는 둘 다 실패합니다 — 때로는 극적으로. 접근 가능한 청록색이 필요하다면, 이 계열에서 틸이나 어두운 변형만이 선택지입니다.

디자인 시스템에 구축하기 전에 특정 조합을 확인하려면 대비 체커를 사용하세요.

색상 모델 간 변환

색상 컨버터를 사용하여 이 색상들을 프로젝트에 필요한 형식으로 변환하세요 — CSS 디자인 토큰이든, 인쇄 CMYK 값이든, CSS color-mix() 함수에서 사용하기 위한 OKLCH 값이든.

핵심 요점

• 아쿠아 #00FFFF와 시안은 CSS에서 동일합니다 — 둘 다 rgb(0, 255, 255)와 같으며, 최대 채도와 50% 명도에서 초록과 파랑의 순수한 중간점. 매우 선명하고, 화면 특유의, 밝은 배경에서 텍스트로서 접근성 실패
• 틸 #008080은 아쿠아의 색상(hue)(180°)과 채도(100%)를 공유하지만 25% 명도에 위치합니다 — 단순히 어두운 아쿠아. 안정적이고, 전문적이며, 흰색에서 텍스트로 WCAG AA를 통과하는 세 가지 중 유일한 것
• 터쿼이즈 #40E0D0는 빨강 채널(64)과 낮은 채도(72%)로 구별됩니다 — 광물의 이름을 딴 더 따뜻하고, 부드럽고, 보석 같은 청록색. 라이프스타일, 여행, 장식 맥락에서 넓은 영역 사용에 다재다능
• 아쿠아/틸의 핵심 차별화 요소: 명도(50% vs 25%). 터쿼이즈의 핵심 차별화 요소: 빨강 채널 존재(64)와 낮은 채도(72%)
• 팔레트 생성기를 사용하여 세 가지 중 하나를 중심으로 조화로운 팔레트를 구축하고, 대비 체커를 사용하여 배포 전에 접근성을 확인하세요