darksalmon #E9967A
darksalmon은 주황 계열의 밝은 색이에요. 아래 값은 모두 #E9967A에서 계산했어요.
| HEX | #E9967A |
|---|---|
| RGB | rgb(233, 150, 122) |
| HSL | hsl(15, 72%, 70%) |
| HSV | hsv(15, 48%, 91%) |
| CMYK (단순 환산 참고값) | cmyk(0%, 36%, 48%, 9%) |
| CSS 이름 | darksalmon |
| 흰색(#FFFFFF)과 대비 | 2.31:1 · 기준 미달 |
| 검은색(#000000)과 대비 | 9.11:1 · AAA 통과 |
색 코드 바꿔 보기
다른 색 코드나 CSS 색 이름을 넣으면 같은 방식으로 다시 계산해요.
darksalmon 색상 코드 정리
darksalmon(다크새먼)은 W3C CSS Color 4 명세의 이름 있는 색(named color) 표에 들어 있는 색으로, 값은 #E9967A예요. 빨강 233, 초록 150, 파랑 122를 섞은 색이고, HSL로 보면 색상각 15°, 채도 72%, 밝기 70%인 밝은 선명한 색이에요. 이 사이트에서는 색상각과 밝기를 기준으로 주황 계열로 묶었어요.

darksalmon 배경에 어떤 글자색이 읽기 좋을까요?
WCAG 2.2는 일반 글자 4.5:1(AA), 큰 글자 3:1(AA), 더 엄격하게는 7:1(AAA) 이상의 명도 대비를 권해요. 흰 배경에 이 색 글자를 쓰면 2.31:1로 큰 글자 기준(3:1)에도 못 미쳐서, 본문 글자색보다는 배경·강조 면에 어울려요. 이 색 위에는 검은 글자를 올리면 9.11:1로 가장 엄격한 AAA(7:1)까지 통과해요. 대비는 두 색의 상대 휘도 L로 (밝은 L + 0.05) ÷ (어두운 L + 0.05)를 계산한 값이고, darksalmon의 상대 휘도는 0.4054예요.
darksalmon과 헷갈리기 쉬운 색
RGB 값 사이의 거리(빨강·초록·파랑 차이의 제곱합의 제곱근)가 가장 가까운 CSS 색 이름은 lightcoral(#F08080, 거리 23.9), lightsalmon(#FFA07A, 거리 24.2), salmon(#FA8072, 거리 28.9)예요. 가장 가까운 이름 색과의 거리가 23.9라 나란히 놓으면 차이는 보이지만 비슷한 느낌을 줄 수 있어요. 디자인에서 비슷한 색을 둘 다 쓰면 흐릿해 보이니 한쪽을 확실히 밝거나 어둡게 바꾸는 게 좋아요.
같은 색상으로 밝게·어둡게
색상각 15°와 채도 72%는 그대로 두고 HSL 밝기만 바꾼 단계예요. 버튼의 눌림 색이나 연한 배경색을 만들 때 써요.
| 밝기 | HEX |
|---|---|
| 90% | #F8DCD3 |
| 80% | #F1BAA7 |
| 70% | #EA977B ← 원래 색과 같은 밝기 |
| 60% | #E27450 |
| 50% | #DB5224 |
| 40% | #AF411D |
| 30% | #843115 |
| 20% | #58210E |
| 10% | #2C1007 |
CSS에 넣는 방법
color: darksalmon; background-color: #E9967A; border-color: rgb(233 150 122); box-shadow: 0 0 0 3px rgb(233 150 122 / 40%);
이름, HEX, rgb() 어느 것으로 써도 같은 색이에요. 투명도를 주려면 rgb() 뒤에 / 와 퍼센트를 붙이면 돼요.
CMYK는 화면용 RGB를 단순 공식으로 바꾼 참고값이에요. 실제 인쇄 색은 인쇄소의 색 관리(ICC 프로파일)에 따라 달라요.
이어서 보기
← darkred · 전체 목록 · darkseagreen →
참고한 자료
- W3C CSS Color Module Level 4 — 6.1 Named Colors, HSL 변환 알고리즘 (색 이름과 값, 확인 2026-11-12)
- W3C WCAG 2.2 — contrast ratio·relative luminance 정의, 1.4.3·1.4.6 기준 (대비 계산 공식)
자주 묻는 질문
darksalmon 색상 코드(HEX)는 뭐예요?
#E9967A예요. RGB로는 rgb(233, 150, 122), HSL로는 hsl(15, 72%, 70%)이에요.
darksalmon 배경에 흰 글자와 검은 글자 중 뭐가 좋아요?
흰 글자는 2.31:1(기준 미달), 검은 글자는 9.11:1(AAA 통과)이라 검은 글자가 더 잘 읽혀요.
darksalmon과 lightcoral은 어떻게 달라요?
darksalmon은 #E9967A, lightcoral은 #F08080이에요. RGB 거리는 23.9, HSL 밝기는 각각 70%와 72%예요.
함께 쓰면 좋은 도구
- 색상 코드 변환 (HEX·RGB·HSL·CMYK)HEX·RGB·HSL·HSV·CMYK를 서로 바꾸고, 글자 대비(WCAG) 검사, 밝게·어둡게 단계 표
- 색상 팔레트 만들기 (어울리는 색 조합·사진에서 색 뽑기)대표 색 하나로 보색·유사색·삼각 배색·단계색 팔레트, 사진에서 주요 색 뽑기, CSS·PNG로
- JSON 정리 (보기 좋게 들여쓰기·검증·압축)JSON을 보기 좋게 들여쓰기, 오류 위치 표시, 한 줄 압축, 키 정렬, 문자열 이스케이프
- 정규식 테스트 (정규표현식 매칭 확인)패턴과 플래그로 일치하는 부분을 강조 표시, 그룹 값 표, 바꾸기 미리보기, 자주 쓰는 패턴
- Base64 인코딩·디코딩 (글자·파일 ↔ Base64)글자(한글 UTF-8)를 Base64로, Base64를 글자로, 파일·이미지를 data URI로, Base64를 파일로 저장
- 이메일 제목·본문 인코딩 풀기 (=?UTF-8?B?·Quoted-Printable·Base64)=?UTF-8?B?…?=, =?ks_c_5601-1987?…, =EC=95=88 같은 메일 제목·본문을 읽을 수 있는 한글로