#FCC56C

#FCC56C

Overview

#FCC56C is a warm, light color. In RGB it is 252, 197, 108, in HSL 37.1°, 96.0%, 70.6%, and in CMYK 0.0%, 21.8%, 57.1%, 1.2%. The nearest named color is NCS S 0530-Y30R Apricot.

On this page

रंग मान

HEX

#FCC56C

RGB

252, 197, 108

HSL

37.1, 96.0%, 70.6%

HSV

37.1, 57.1%, 98.8%

CMYK

0.0%, 21.8%, 57.1%, 1.2%

OKLCH

0.855 0.1238 77.9

गुणधर्म

गर्म हल्का निकटतम: NCS S 0530-Y30R Apricot

रंग मनोविज्ञान

Light oranges like peach and apricot radiate friendliness, comfort, and gentle optimism. They are psychologically soothing and feel approachable without being overly stimulating. These tones often appear in hospitality and food branding to suggest warmth and welcome.

Design Usage

Soft oranges make excellent card backgrounds and notification banners that need attention without alarm. They are popular in onboarding flows and empty-state illustrations to create a welcoming atmosphere. Pair them with slate gray text and white surfaces for a clean, modern look.

रंग सामंजस्य

पूरक

#FCC56C

#6CA3FC

अनुरूप

#FC7D6C

#EBFC6C

#FCC56C

त्रिकोणीय

#FCC56C

#6CFCC5

#C56CFC

विभाजित पूरक

#FCC56C

#6CEBFC

#7D6CFC

चतुर्भुजीय

#FCC56C

#6CFC7D

#6CA3FC

#FC6CEB

रंग अंधता अनुकरण

मूल

#FCC56C

Protanopia

#E4E482

Deuteranopia

#E7EB87

Tritanopia

#F99396

Achromatopsia

#CACACA

CSS उपयोग

background-color: #FCC56C;
color: #FCC56C;
border-color: #FCC56C;
निकटतम Tailwind: Orange 300 #FDBA74

Tailwind शेड्स

50
#FEF9F1
100
#FCF1DF
200
#FEE3B9
300
#FDD087
400
#FBB646
500
#FA9C05
600
#C87D04
700
#A06403
800
#7D4E03
900
#5A3A07
950
#392504

कंट्रास्ट चेकर

सफ़ेद पर पाठ

1.57:1

AA Fail AAA Fail

काले पर पाठ

13.34:1

AA Pass AAA Pass

तुलना करें

#FCC56C
#6CA3FC
#FCC56C
#FFFFFF
#000000
#FCC56C

संबंधित लेख

टूल गाइड

WCAG AA vs AAA: Contrast Requirements Compared

अग 20, 2026
ट्यूटोरियल

CSS color-mix(): Browser में Natively रंग Blend करें

जन 26, 2026
ट्यूटोरियल

Scratch से Color Picker Web Component बनाना

जन 21, 2026

अक्सर पूछे जाने वाले प्रश्न

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

RGB(252, 197, 108) · HSL(37.1, 96.0%, 70.6%) · CMYK(0.0%, 21.8%, 57.1%, 1.2%)

Does #FCC56C meet WCAG contrast on white?

1.57:1 — WCAG AA विफल, AAA विफल for normal text.

What text color is readable on #FCC56C?

Use 000000 text on a #FCC56C background; contrast on black is 13.34:1.