#F5B14D

≈ goldenrod

색상 페이지 열기

색상 코드

HEX#F5B14D

RGBrgb(245, 177, 77)

HSLhsl(35.71°, 89.36%, 63.14%)

HSVhsv(35.71°, 68.57%, 96.08%)

CMYKcmyk(0%, 27.76%, 68.57%, 3.92%)

XYZxyz(54.72, 51.4, 14.06)

LABlab(76.92, 15.44, 59.12)

LCHlch(76.92, 61.1, 75.36°)

색상 코드

HEX#F5B14D

RGBrgb(245, 177, 77)

HSLhsl(35.71°, 89.36%, 63.14%)

HSVhsv(35.71°, 68.57%, 96.08%)

CMYKcmyk(0%, 27.76%, 68.57%, 3.92%)

XYZxyz(54.72, 51.4, 14.06)

LABlab(76.92, 15.44, 59.12)

LCHlch(76.92, 61.1, 75.36°)

접근성

흰 배경1.86:1AA ✗AAA ✗

검은 배경11.28:1AA ✓AAA ✓

다람쥐 헌 쳇바퀴에 타고파

해당 색 위에 올린 본문입니다. 확정하기 전에 가독성을 확인할 수 있습니다.

색상 변형과 조합

틴트는 순백과, 셰이드는 순흑과 섞은 색입니다. 두 단계 모두 10% 간격으로 계산되므로 색상을 유지한 채 밝게도 어둡게도 만들 수 있습니다.

셰이드

틴트

색상 조화

조화 규칙은 색상환 위의 위치를 기준으로 어울리는 색을 고릅니다. 규칙마다 강한 대비부터 이웃한 색의 부드러운 연결까지 서로 다른 분위기를 만듭니다.

#F5B14D

#4D91F5

보색

색상환에서 정반대, 180° 떨어진 색입니다. 대비가 가장 강하므로 한 색을 주역으로 두고 다른 색을 강조에 쓰는 편이 좋습니다.

그라데이션 만들기

#F5B14D

#4DE5F5

#5D4DF5

분할 보색

기준색과 그 보색 양옆의 두 색을 약 30°씩 떨어뜨려 씁니다. 대비를 유지하면서 충돌감을 줄입니다.

그라데이션 만들기

#F5B14D

#4DF5B1

#B14DF5

삼색 조화

120°씩 떨어진 세 가지 색입니다. 생동감 있고 균형 잡혀 있으며, 하나를 주도색으로 두는 편이 좋습니다.

그라데이션 만들기

#F55D4D

#F5B14D

#E5F54D

유사색

30°씩 떨어진 이웃한 세 색입니다. 대비가 낮고 눈이 편해 차분한 배경과 그라데이션에 어울립니다.

그라데이션 만들기

#B8720A

#F29813

#F5B14D

#F8CA87

#FCE6C6

단색

하나의 색상을 여러 명도로 전개합니다. 구조상 자연스럽게 어울리며 일관된 화면을 만드는 가장 안전한 방법입니다.

그라데이션 만들기

#F5B14D

#91F54D

#4D91F5

#B14DF5

사색 조화

두 쌍의 보색이 색상환에서 직사각형을 이룹니다. 가장 풍부하지만 가장 절제가 필요한 조합입니다.

그라데이션 만들기

다른 트렌드 색상