#FFF7ED

#FFF7ED

색상 값

HEX

#FFF7ED

RGB

255, 247, 237

HSL

33.3, 100.0%, 96.5%

HSV

33.3, 7.1%, 100.0%

CMYK

0.0%, 3.1%, 7.1%, 0.0%

OKLCH

0.9796 0.0158 73.7

속성

따뜻한 밝은 가장 가까운: floralwhite

색채 심리학

Near-whites and off-whites radiate purity, simplicity, and spacious clarity. They feel open and unbounded, associated with cleanliness, fresh starts, and minimalism. These tones create a sense of potential and possibility, inviting focus on content.

Design Usage

Off-whites are preferred over pure white for page backgrounds to reduce glare. They feel warmer while maintaining a clean, bright aesthetic. Use for primary backgrounds and content areas where visual breathing room is needed.

색상 조화

보색

#FFF7ED

#EDF5FF

유사색

#FFEEED

#FEFFED

#FFF7ED

3색 조화

#FFF7ED

#EDFFF7

#F7EDFF

분리 보색

#FFF7ED

#EDFEFF

#EEEDFF

4색 조화

#FFF7ED

#EDFFEE

#EDF5FF

#FFEDFE

색각 이상 시뮬레이션

원본

#FFF7ED

제1색각이상

#FCFBEF

제2색각이상

#FCFDF0

제3색각이상

#FFF1F2

전색맹

#F8F8F8

CSS 사용법

background-color: #FFF7ED;
color: #FFF7ED;
border-color: #FFF7ED;
가장 가까운 Tailwind: Orange 50 #FFF7ED

Tailwind 쉐이드

50
#FEF8F1
100
#FCEFDE
200
#FFDFB8
300
#FFC985
400
#FFAB42
500
#FF8E00
600
#CC7100
700
#A35B00
800
#804700
900
#5C3505
950
#3A2203

대비 검사기

흰색 배경 텍스트

1.06:1

AA Fail AAA Fail

검정 배경 텍스트

19.78:1

AA Pass AAA Pass

비교하기

#FFF7ED
#EDF5FF
#FFF7ED
#FFFFFF
#000000
#FFF7ED

포함된 컬렉션

Radix UI Colors

Orange 2

Tailwind CSS — Orange

Orange 50

관련 글

튜토리얼

CSS color-mix(): 브라우저에서 기본적으로 색상 혼합

1월 26, 2026
튜토리얼

처음부터 색상 선택기 웹 구성 요소 구축

1월 21, 2026
튜토리얼

지각 색상 공간: Lab, LCH, Oklab, OKLCH

1월 15, 2026

자주 묻는 질문

What are the RGB, HSL, and CMYK values of #FFF7ED?

RGB(255, 247, 237) · HSL(33.3, 100.0%, 96.5%) · CMYK(0.0%, 3.1%, 7.1%, 0.0%)

Does #FFF7ED meet WCAG contrast on white?

1.06:1 — WCAG AA 실패, AAA 실패 for normal text.

What text color is readable on #FFF7ED?

Use 000000 text on a #FFF7ED background; contrast on black is 19.78:1.