ColorTool
로그인
#54AD2B

#54ad2b ≈ Kelly Green

  • 초록
  • 명도: 보통
  • 채도: 높음
  • 중간색
명도 대비 확인 그래프에서 탐색 무작위 색상

#54ad2b은(는) 초록 계열의 색입니다(명도: 보통, 채도: 높음). RGB 모델에서는 빨강 32.94%, 초록 67.84%, 파랑 16.86%로 이루어지며, CMYK 인쇄 시 시안 51.45%, 마젠타 0%, 노랑 75.14%, 검정 32.16%를 사용합니다. HSL에서 색상각은 101.08°, 채도는 60.19%, 명도는 42.35%입니다. 따뜻한 색과 차가운 색의 중간으로, 흔히 자연, 건강, 균형을(를) 떠올리게 합니다. 디자이너들은 주로 친환경 브랜드, 건강과 웰니스, 브랜드 포인트에 사용합니다. 이 색 위에 검은색 글자를 쓰면 명도 대비는 7.39:1(WCAG AAA)입니다. 가장 가까운 이름 있는 색은 Kelly Green(#4cbb17)이며 ΔE는 4.29입니다.

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

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

보색

  1. #54ad2b
  2. #842bad

분할 보색

  1. #54ad2b
  2. #432bad
  3. #ad2b95

유사색

  1. #95ad2b
  2. #54ad2b
  3. #2bad43

3색 조화

  1. #54ad2b
  2. #2b54ad
  3. #ad2b54

4색 조화

  1. #54ad2b
  2. #2bad84
  3. #842bad
  4. #ad2b54

정사각 조화

  1. #54ad2b
  2. #2b95ad
  3. #842bad
  4. #ad432b

단색 조화

  1. #18320d
  2. #36701c
  3. #54ad2b
  4. #7ad451
  5. #a9e38e

셰이드

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

  1. #54ad2b
  2. #4c9c27
  3. #438a22
  4. #3b791e
  5. #32681a
  6. #2a5716
  7. #224511
  8. #19340d
  9. #112309
  10. #081104
  11. #000000

틴트

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

  1. #54ad2b
  2. #65b540
  3. #76bd55
  4. #87c66b
  5. #98ce80
  6. #aad695
  7. #bbdeaa
  8. #cce6bf
  9. #ddefd5
  10. #eef7ea
  11. #ffffff

톤

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

  1. #54ad2b
  2. #58a934
  3. #5da43c
  4. #61a045
  5. #669b4d
  6. #6a9756
  7. #6e925e
  8. #738e67
  9. #77896f
  10. #7c8578
  11. #808080

읽기 쉬운 글자 2.84:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
읽기 쉬운 글자 7.39:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

전색맹 #999999 남성의 약 0.003%
부분 전색약 #83a17c 남성의 약 0.001%
제1색맹(적색맹) #b39e0f 남성의 약 1.01%
제2색맹(녹색맹) #a79639 남성의 약 1.27%
제3색맹(청색맹) #4da794 남성의 약 0.0001%
제1색약(적색약) #96a41e 남성의 약 1.08%
제2색약(녹색약) #8da034 남성의 약 4.63%
제3색약(청색약) #50a978 남성의 약 0.0002%
내 이미지로 시뮬레이션

이 색의 글자

이 색의 배경

이 색의 테두리

글자색
.text-54ad2b {
  color: #54ad2b;
}
배경
.bg-54ad2b {
  background-color: #54ad2b;
  color: #000000;
}
테두리
.border-54ad2b {
  border: 2px solid #54ad2b;
}
CSS 변수
:root {
  --color-primary: #54ad2b;
  --color-primary-rgb: 84 173 43;
  --color-primary-hsl: 101 60% 42%;
}
그라데이션
.gradient-54ad2b {
  background: linear-gradient(135deg, #54ad2b, #2bad43);
}
색 그림자
.shadow-54ad2b {
  box-shadow: 0 8px 24px rgb(84 173 43 / 0.35);
}

#4cbb17 Kelly Green ΔE 4.29 #74c365 Mantis ΔE 8.38 #32cd32 Lime Green ΔE 8.78 #8db600 Apple Green ΔE 10.07 #009000 Islamic Green ΔE 10.77 #6b8e23 Olive Drab ΔE 10.87 #87a96b Asparagus ΔE 10.94 #ab52d4 반전 색 #999999 흑백 

Kelly Green
#54ad2b  rgb(84, 173, 43)  hsl(101, 60%, 42%)  Kelly Green
#842bad  rgb(132, 43, 173)  hsl(281, 60%, 42%)  Purple Heart
#2b54ad  rgb(43, 84, 173)  hsl(221, 60%, 42%)  Sapphire
#ad2b54  rgb(173, 43, 84)  hsl(341, 60%, 42%)  Jazzberry Jam