ColorTool
로그인
#107771

#107771 ≈ Pine Green

  • 시안
  • 명도: 낮음
  • 채도: 보통
  • 한색
명도 대비 확인 그래프에서 탐색 무작위 색상

#107771은(는) 시안 계열의 색입니다(명도: 낮음, 채도: 보통). RGB 모델에서는 빨강 6.27%, 초록 46.67%, 파랑 44.31%로 이루어지며, CMYK 인쇄 시 시안 86.55%, 마젠타 0%, 노랑 5.04%, 검정 53.33%를 사용합니다. HSL에서 색상각은 176.5°, 채도는 76.3%, 명도는 26.47%입니다. 차가운 색으로, 흔히 상쾌함, 기술, 명료함을(를) 떠올리게 합니다. 디자이너들은 주로 건강과 웰니스, 기술 제품, 럭셔리 브랜드에 사용합니다. 이 색 위에 흰색 글자를 쓰면 명도 대비는 5.39:1(WCAG AA)입니다. 가장 가까운 이름 있는 색은 Pine Green(#01796f)이며 ΔE는 1.87입니다.

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

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

보색

  1. #107771
  2. #771016

분할 보색

  1. #107771
  2. #77104a
  3. #773d10

유사색

  1. #10773d
  2. #107771
  3. #104a77

3색 조화

  1. #107771
  2. #711077
  3. #777110

4색 조화

  1. #107771
  2. #101677
  3. #771016
  4. #777110

정사각 조화

  1. #107771
  2. #3d1077
  3. #771016
  4. #4a7710

단색 조화

  1. #021211
  2. #073431
  3. #107771
  4. #19bab1
  5. #3be5db

셰이드

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

  1. #107771
  2. #0e6b66
  3. #0d5f5a
  4. #0b534f
  5. #0a4744
  6. #083c39
  7. #06302d
  8. #052422
  9. #031817
  10. #020c0b
  11. #000000

틴트

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

  1. #107771
  2. #28857f
  3. #40928d
  4. #58a09c
  5. #70adaa
  6. #88bbb8
  7. #9fc9c6
  8. #b7d6d4
  9. #cfe4e3
  10. #e7f1f1
  11. #ffffff

톤

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

  1. #107771
  2. #1b7873
  3. #267974
  4. #327a76
  5. #3d7b77
  6. #487c79
  7. #537c7a
  8. #5e7d7c
  9. #6a7e7d
  10. #757f7f
  11. #808080

읽기 쉬운 글자 5.39:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
읽기 쉬운 글자 3.9:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

전색맹 #6a6a6a 남성의 약 0.003%
부분 전색약 #54706d 남성의 약 0.001%
제1색맹(적색맹) #707071 남성의 약 1.01%
제2색맹(녹색맹) #626672 남성의 약 1.27%
제3색맹(청색맹) #007a75 남성의 약 0.0001%
제1색약(적색약) #597371 남성의 약 1.08%
제2색약(녹색약) #4e6d72 남성의 약 4.63%
제3색약(청색약) #007973 남성의 약 0.0002%
내 이미지로 시뮬레이션

이 색의 글자

이 색의 배경

이 색의 테두리

글자색
.text-107771 {
  color: #107771;
}
배경
.bg-107771 {
  background-color: #107771;
  color: #ffffff;
}
테두리
.border-107771 {
  border: 2px solid #107771;
}
CSS 변수
:root {
  --color-primary: #107771;
  --color-primary-rgb: 16 119 113;
  --color-primary-hsl: 177 76% 26%;
}
그라데이션
.gradient-107771 {
  background: linear-gradient(135deg, #107771, #104a77);
}
색 그림자
.shadow-107771 {
  box-shadow: 0 8px 24px rgb(16 119 113 / 0.35);
}

#01796f Pine Green ΔE 1.87 #317873 Myrtle Green ΔE 2.64 #008080 Teal ΔE 4.18 #00755e Tropical Rain Forest ΔE 6.89 #008b8b Dark Cyan ΔE 7.82 #40826d Viridian ΔE 8.08 #367588 Teal Blue ΔE 12.68 #ef888e 반전 색 #6a6a6a 흑백 

Pine Green
#107771  rgb(16, 119, 113)  hsl(177, 76%, 26%)  Pine Green
#771016  rgb(119, 16, 22)  hsl(357, 76%, 26%)  Falu Red
#711077  rgb(113, 16, 119)  hsl(297, 76%, 26%)  Purple
#777110  rgb(119, 113, 16)  hsl(57, 76%, 26%)  Olive