Skip to the color picker

#fda366 color: Usukō

#fda366 is rgb(253, 163, 102) in RGB and oklch(79.345% 0.13176 53.78) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

24°
100%

79.3%
0.132
54°
  • Orange
  • Light
  • Vivid
  • Warm
  • ≈ Orange
  • orange-300
  • Black 1%

Inside sRGB: displays the same on any screen.

White text
1.98:1Hard to read
Lc -42
Black text
10.61:1Readable · AA
Lc 66

Shades

From lightest to darkest. Click a shade to use it.

Harmonies

Open as palette

Recent

Colors you stop on or copy appear here. They stay on this device.

About #fda366

#fda366 is a bright light orange color. In OKLCH it has 79.3% lightness, 0.132 chroma and a hue of 54°.

Inside sRGB: displays the same on any screen.

White text on it reaches 1.98:1 contrast and black text 10.61:1, so black text reads better.

The closest named color is Usukō (#fea464). In Tailwind CSS the closest color is orange-300.

More light orange colors

Lighter: #fda366 mixed with white

  1. fda366
  2. fead77
  3. ffb687
  4. ffbf96
  5. ffc9a5
  6. ffd2b5
  7. ffdbc4
  8. ffe4d2
  9. ffede1
  10. fff6f0

Darker: #fda366 mixed with black

  1. fda366
  2. dc8d58
  3. bc784a
  4. 9d633c
  5. 7f4f2f
  6. 623c23
  7. 472a17
  8. 2d190c
  9. 160a04
  10. 030100

Calmer: #fda366 with less saturation

  1. fda366
  2. f7a670
  3. f1a97a
  4. ebac83
  5. e5ae8c
  6. deb194
  7. d8b39c
  8. d1b5a4
  9. cab8ac
  10. c3bab4

Questions about #fda366

What color is #fda366?

#fda366 is bright light orange. The closest named color is Usukō. In RGB it is rgb(253, 163, 102), in HSL hsl(24.24, 97.42%, 69.61%) and in OKLCH oklch(79.345% 0.13176 53.78).

What colors go well with #fda366?

The complementary color of #fda366 is #56c9ff. For a calmer combination use the analogous colors #ff9892 and #e4b44c. The triadic partners are #46d7b5 and #c0abff.

Is white or black text more readable on #fda366?

Black text reads better on #fda366: white gives a contrast ratio of 1.98:1 and black gives 10.61:1. WCAG AA asks for at least 4.5:1 for body text.

Is #fda366 a warm or cool color?

#fda366 is a warm color. In OKLCH its hue is 54 degrees, its lightness 79.3% and its chroma 0.132.