#FDF8F2

#FDF8F2

색상 값

HEX

#FDF8F2

RGB

253, 248, 242

HSL

32.7, 73.3%, 97.1%

HSV

32.7, 4.3%, 99.2%

CMYK

0.0%, 2.0%, 4.3%, 0.8%

OKLCH

0.9813 0.0096 72.7

속성

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

색채 심리학

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.

색상 조화

보색

#FDF8F2

#F2F7FD

유사색

#FDF3F2

#FDFDF2

#FDF8F2

3색 조화

#FDF8F2

#F2FDF8

#F8F2FD

분리 보색

#FDF8F2

#F2FDFD

#F3F2FD

4색 조화

#FDF8F2

#F2FDF3

#F2F7FD

#FDF2FD

색각 이상 시뮬레이션

원본

#FDF8F2

제1색각이상

#FBFBF3

제2색각이상

#FBFCF4

제3색각이상

#FDF5F5

전색맹

#F9F9F9

CSS 사용법

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

Tailwind 쉐이드

50
#FCF8F3
100
#F8EEE2
200
#F5DEC1
300
#EFC695
400
#E6A75B
500
#DD8822
600
#B16D1B
700
#8D5716
800
#6E4411
900
#503310
950
#33200A

대비 검사기

흰색 배경 텍스트

1.06:1

AA Fail AAA Fail

검정 배경 텍스트

19.89:1

AA Pass AAA Pass

비교하기

#FDF8F2
#F2F7FD
#FDF8F2
#FFFFFF
#000000
#FDF8F2

관련 글

튜토리얼

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 #FDF8F2?

RGB(253, 248, 242) · HSL(32.7, 73.3%, 97.1%) · CMYK(0.0%, 2.0%, 4.3%, 0.8%)

Does #FDF8F2 meet WCAG contrast on white?

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

What text color is readable on #FDF8F2?

Use 000000 text on a #FDF8F2 background; contrast on black is 19.89:1.