가장 가까운 이름 있는 색상 · ΔE 0.88
#61BA6E
가장 가까운 이름 있는 색상 · ΔE 0.88
#61BA6E
버튼으로 눈에 띄나요? 배경으로 사용했을 때 가독성이 유지되나요? 배지 크기에서도 잘 보이나요?
전체 사이트가 이 색상을 주 색상으로 사용한다면, 이런 느낌이 들 것입니다 —
본문이 여기에 들어갑니다. 주 색상은 버튼과 링크를 담당하고, 틴트는 배경을 채우며, 텍스트는 가장 높은 대비 색상을 사용합니다.
시작하기이 색상이 검은색 및 흰색 텍스트와 어떻게 대비되는지 보여줍니다.
이 배경 위의 흰색 텍스트
Aa 비율 2.4:1
이 배경 위의 검은색 텍스트
Aa 비율 8.76:1
:root {
--color: #61BA6E;
--color-rgb: 97, 186, 110;
--color-hsl: 128.8, 39.2%, 55.5%;
}
.bg-color { background-color: #61BA6E; }
.text-on-color { color: #000000; }
.border-color { border-color: #61BA6E; }
.gradient {
background-image: linear-gradient(90deg, #61BA6E 0%, 66CC66 100%);
}각 표준 시스템에서 가장 가까운 공식 코드로, CIEDE2000 기준으로 순위가 매겨집니다.
공식 브랜드 자료에서 가져온 색상 (simple-icons CC0 데이터셋)
고대인이 이 색을 부르던 이름입니다.
일본 전통에서 명명된 같은 색입니다.
Machado(2009) 모델 기반 - 이 색상이 8가지 유형의 색각에 어떻게 보이는지 확인하세요.
정상 시각
#61BA6E
세 가지 원추세포가 모두 기능하는 표준 삼원색 시각.
적색약
#98AF6C
L 원추세포 감도 이상 (남성의 약 1%). 적색 인지가 약화됩니다.
적색맹
#BCA86A
L 원추세포 결손 (남성의 약 1%). 적색을 인지하기 어렵습니다.
녹색약
#8DA970
M 원추세포 감도 이상 (남성의 약 6%). 가장 흔한 색각 이상입니다.
녹색맹
#AB9D71
M 원추세포 결손 (남성의 약 1%). 적색과 녹색을 혼동합니다.
청색약
#5CB78D
S 원추세포 감도 이상 (매우 희귀). 청색-황색 인지가 약화됩니다.
청색맹
#58B6A2
S 원추세포 결손 (매우 희귀). 청색과 황색을 혼동합니다.
색각 이상
#7EA784
심하게 약화된 색각 (약 0.001%). 색이 희미하게 보입니다.
전색맹
#A2A2A2
전혀 색을 볼 수 없음 (약 0.003%). 세상은 회색조로 보입니다.
CIEDE2000 인지 거리 기준 가장 가까운 이름입니다.
RGB 공간에서 한 단계 떨어진 색상 — 각각 자체 프로필 페이지가 있습니다.
사람들이 이 색상에 붙인 이름입니다 - 하나의 HEX 코드, 무한한 관점.
…
로그인 / 회원가입 · 색상 이름을 지정하려면 로그인하세요. 이름은 공개적으로 귀하의 이름으로 표시됩니다.
이 색상의 일반적인 파생형: 더 밝음/더 어두움/더 채도 높음/더 채도 낮음, 반전, 회색조, 웹 안전 및 가장 가까운 HTML 명명 색상. 클릭하면 해당 페이지를 엽니다.
복사-붙여넣기 스니펫: 전경 텍스트, 배경, 텍스트 그림자 및 보완 그라데이션.
Text readability sample
color: #61BA6E;Text readability sample
background-color: #61BA6E;Text readability sample
text-shadow: 0.1em 0.1em 0.15em #61BA6E;linear-gradient(90deg, #61BA6E, #BA61AD)색조, 채도, 밝기를 드래그하여 실시간 미리보기 - 적합한 버전을 찾으세요.
이 색상의 HEX 코드는 #61BA6E입니다. RGB 채널은 97, 186, 110이며, 가장 가까운 사람이 읽을 수 있는 이름은 "Forest Fern"입니다 (ΔE 0.88, CIEDE2000).
#61BA6E는 RGB에서 rgb(97, 186, 110), HSL에서 hsl(128.8, 39.2%, 55.5%), CMYK에서 cmyk(47.8%, 0%, 40.9%, 27.1%)입니다.
보색 #BA61AD이 가장 적합하며, 3원색 및 유사색 조화도 함께 사용하세요. 전체 팔레트를 복사하려면 아래 조화 섹션을 참조하세요.
검은색 텍스트와의 대비는 8.76:1, 흰색 텍스트와의 대비는 2.4:1입니다. WCAG 2.1은 본문 텍스트(AA)에 최소 4.5:1, 큰 텍스트에 3:1을 요구합니다.