#F3B686

#F3B686

Overview

#F3B686 is a warm, light color. In RGB it is 243, 182, 134, in HSL 26.4°, 82.0%, 73.9%, and in CMYK 0.0%, 25.1%, 44.9%, 4.7%. The nearest named color is Macaroni and Cheese.

On this page

रंग मान

HEX

#F3B686

RGB

243, 182, 134

HSL

26.4, 82.0%, 73.9%

HSV

26.4, 44.9%, 95.3%

CMYK

0.0%, 25.1%, 44.9%, 4.7%

OKLCH

0.8216 0.0948 59.1

गुणधर्म

गर्म हल्का निकटतम: Macaroni and Cheese

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

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.

रंग सामंजस्य

पूरक

#F3B686

#86C3F3

अनुरूप

#F3868C

#F3EC86

#F3B686

त्रिकोणीय

#F3B686

#86F3B6

#B686F3

विभाजित पूरक

#F3B686

#86F3EC

#868CF3

चतुर्भुजीय

#F3B686

#8CF386

#86C3F3

#EC86F3

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

मूल

#F3B686

Protanopia

#D9D892

Deuteranopia

#DCE194

Tritanopia

#F09B9D

Achromatopsia

#C0C0C0

CSS उपयोग

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

Tailwind शेड्स

50
#FDF7F2
100
#FAECE1
200
#F9D8BE
300
#F4BC90
400
#EE9753
500
#E87317
600
#BA5C12
700
#954A0F
800
#74390B
900
#542C0D
950
#351C08

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

सफ़ेद पर पाठ

1.77:1

AA Fail AAA Fail

काले पर पाठ

11.85:1

AA Pass AAA Pass

तुलना करें

#F3B686
#86C3F3
#F3B686
#FFFFFF
#000000
#F3B686

संबंधित लेख

ट्यूटोरियल

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

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

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

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

अनुभवात्मक रंग स्थान: Lab, LCH, Oklab, OKLCH

जन 15, 2026

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

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

RGB(243, 182, 134) · HSL(26.4, 82.0%, 73.9%) · CMYK(0.0%, 25.1%, 44.9%, 4.7%)

Does #F3B686 meet WCAG contrast on white?

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

What text color is readable on #F3B686?

Use 000000 text on a #F3B686 background; contrast on black is 11.85:1.