ColorTool
로그인
#574134

#574134 ≈ Taupe

  • 갈색
  • 명도: 낮음
  • 채도: 낮음
  • 난색
명도 대비 확인 그래프에서 탐색 무작위 색상

#574134은(는) 갈색 계열의 색입니다(명도: 낮음, 채도: 낮음). RGB 모델에서는 빨강 34.12%, 초록 25.49%, 파랑 20.39%로 이루어지며, CMYK 인쇄 시 시안 0%, 마젠타 25.29%, 노랑 40.23%, 검정 65.88%를 사용합니다. HSL에서 색상각은 22.29°, 채도는 25.18%, 명도는 27.25%입니다. 따뜻한 색으로, 흔히 신뢰감, 따뜻함, 소박함을(를) 떠올리게 합니다. 디자이너들은 주로 카페와 커피 브랜드, 소박하고 자연스러운 스타일, 기업 아이덴티티에 사용합니다. 이 색 위에 흰색 글자를 쓰면 명도 대비는 9.5:1(WCAG AAA)입니다. 가장 가까운 이름 있는 색은 Taupe(#483c32)이며 ΔE는 5.3입니다.

이 색상의 측정값을 바탕으로 생성한 설명입니다.

HEX
RGB
RGB 백분율
CMY
CMYK
HSL
HSV / HSB
웹 안전#663333
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
2진수
10진수
상대 휘도0.0605

보색

  1. #574134
  2. #344a57

분할 보색

  1. #574134
  2. #345752
  3. #343857

유사색

  1. #573438
  2. #574134
  3. #575234

3색 조화

  1. #574134
  2. #345741
  3. #413457

4색 조화

  1. #574134
  2. #4a5734
  3. #344a57
  4. #413457

정사각 조화

  1. #574134
  2. #385734
  3. #344a57
  4. #523457

단색 조화

  1. #0d0a08
  2. #271d17
  3. #574134
  4. #876551
  5. #ad8b77

셰이드

#574134에 검정을 점차 섞은 색입니다.

  1. #574134
  2. #4e3b2f
  3. #46342a
  4. #3d2e24
  5. #34271f
  6. #2c211a
  7. #231a15
  8. #1a1410
  9. #110d0a
  10. #090705
  11. #000000

틴트

#574134에 흰색을 점차 섞은 색입니다.

  1. #574134
  2. #685448
  3. #79675d
  4. #897a71
  5. #9a8d85
  6. #aba09a
  7. #bcb3ae
  8. #cdc6c2
  9. #ddd9d6
  10. #eeeceb
  11. #ffffff

톤

#574134에 회색을 점차 섞은 색입니다.

  1. #574134
  2. #5b473c
  3. #5f4e43
  4. #63544b
  5. #675a52
  6. #6c615a
  7. #706762
  8. #746d69
  9. #787371
  10. #7c7a78
  11. #808080

읽기 쉬운 글자 9.5:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
읽기 쉬운 글자 2.21:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

전색맹 #464646 남성의 약 0.003%
부분 전색약 #4d443f 남성의 약 0.001%
제1색맹(적색맹) #474333 남성의 약 1.01%
제2색맹(녹색맹) #4c4734 남성의 약 1.27%
제3색맹(청색맹) #5d3d3e 남성의 약 0.0001%
제1색약(적색약) #4e4233 남성의 약 1.08%
제2색약(녹색약) #514534 남성의 약 4.63%
제3색약(청색약) #5b3f3a 남성의 약 0.0002%
내 이미지로 시뮬레이션

이 색의 글자

이 색의 배경

이 색의 테두리

글자색
.text-574134 {
  color: #574134;
}
배경
.bg-574134 {
  background-color: #574134;
  color: #ffffff;
}
테두리
.border-574134 {
  border: 2px solid #574134;
}
CSS 변수
:root {
  --color-primary: #574134;
  --color-primary-rgb: 87 65 52;
  --color-primary-hsl: 22 25% 27%;
}
그라데이션
.gradient-574134 {
  background: linear-gradient(135deg, #574134, #575234);
}
색 그림자
.shadow-574134 {
  box-shadow: 0 8px 24px rgb(87 65 52 / 0.35);
}

#483c32 Taupe ΔE 5.30 #635147 Umber ΔE 5.66 #674c47 Liver ΔE 6.74 #6f4e37 Coffee ΔE 7.09 #3d2b1f Bistre ΔE 7.51 #645452 Wenge ΔE 8.71 #704214 Sepia ΔE 11.82 #a8becb 반전 색 #464646 흑백 

Taupe
#574134  rgb(87, 65, 52)  hsl(22, 25%, 27%)  Taupe
#344a57  rgb(52, 74, 87)  hsl(202, 25%, 27%)  Charcoal
#345741  rgb(52, 87, 65)  hsl(142, 25%, 27%)  Hunter Green
#413457  rgb(65, 52, 87)  hsl(262, 25%, 27%)  Eggplant