#ffb348 hex color

In a RGB color space, hex #ffb348 is composed of 100% red, 70.2% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 29.8% magenta, 71.8% yellow and 0% black. It has a hue angle of 35.1 degrees, a saturation of 100% and a lightness of 64.1%. #ffb348 color hex could be obtained by blending #ffff90 with #ff6700. Closest websafe color is: #ffcc33.

♥
- f
- t
- g
- R 100
- G 70
- B 28
RGB color chart
- C 0
- M 30
- Y 72
- K 0
CMYK color chart

● #ffb348 color description : Light orange.

The hexadecimal color #ffb348 has RGB values of R:255, G:179, B:72 and CMYK values of C:0, M:0.3, Y:0.72, K:0. Its decimal value is 16757576.

Hex triplet	ffb348	`#ffb348`
RGB Decimal	255, 179, 72	`rgb(255,179,72)`
RGB Percent	100, 70.2, 28.2	`rgb(100%,70.2%,28.2%)`
CMYK	0, 30, 72, 0
HSL	35.1°, 100, 64.1	`hsl(35.1,100%,64.1%)`
HSV (or HSB)	35.1°, 71.8, 100
Web Safe	ffcc33	`#ffcc33`

CIE-LAB	78.445, 18.297, 63.193
XYZ	58.531, 53.972, 13.465
xyY	0.465, 0.428, 53.972
CIE-LCH	78.445, 65.788, 73.852
CIE-LUV	78.445, 61.048, 67.642
Hunter-Lab	73.465, 13.649, 40.559
Binary	11111111, 10110011, 01001000

#ffb348
```
#ffb348 rgb(255,179,72)
```
#4894ff
```
#4894ff rgb(72,148,255)
```

Complementary Color

#ff5848
```
#ff5848 rgb(255,88,72)
```
#ffb348
```
#ffb348 rgb(255,179,72)
```
#f0ff48
```
#f0ff48 rgb(240,255,72)
```

Analogous Color

#5748ff
```
#5748ff rgb(87,72,255)
```
#ffb348
```
#ffb348 rgb(255,179,72)
```
#48f0ff
```
#48f0ff rgb(72,240,255)
```

Split Complementary Color

#b348ff
```
#b348ff rgb(179,72,255)
```
#ffb348
```
#ffb348 rgb(255,179,72)
```
#48ffb3
```
#48ffb3 rgb(72,255,179)
```

Triadic Color

#ff4894
```
#ff4894 rgb(255,72,148)
```
#ffb348
```
#ffb348 rgb(255,179,72)
```
#48ffb3
```
#48ffb3 rgb(72,255,179)
```
#4894ff
```
#4894ff rgb(72,148,255)
```

Tetradic Color

#fb9200
```
#fb9200 rgb(251,146,0)
```
#ff9e15
```
#ff9e15 rgb(255,158,21)
```
#ffa82f
```
#ffa82f rgb(255,168,47)
```
#ffb348
```
#ffb348 rgb(255,179,72)
```
#ffbe62
```
#ffbe62 rgb(255,190,98)
```
#ffc87b
```
#ffc87b rgb(255,200,123)
```
#ffd395
```
#ffd395 rgb(255,211,149)
```

Monochromatic Color

Below, you can see some colors close to #ffb348. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#ff8548
```
#ff8548 rgb(255,133,72)
```
#ff9548
```
#ff9548 rgb(255,149,72)
```
#ffa448
```
#ffa448 rgb(255,164,72)
```
#ffb348
```
#ffb348 rgb(255,179,72)
```
#ffc248
```
#ffc248 rgb(255,194,72)
```
#ffd248
```
#ffd248 rgb(255,210,72)
```
#ffe148
```
#ffe148 rgb(255,225,72)
```

Similar Colors

Text with hexadecimal color #ffb348

This text has a font color of #ffb348.

<span style="color:#ffb348;">Text here</span>

#ffb348 background color

This paragraph has a background color of #ffb348.

<p style="background-color:#ffb348;">Content here</p>

#ffb348 border color

This element has a border color of #ffb348.

<div style="border:1px solid #ffb348;">Content here</div>

CSS codes

.text {color:#ffb348;}

.background {background-color:#ffb348;}

.border {border:1px solid #ffb348;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #0d0800 is the darkest color, while #fffcf9 is the lightest one.

#0d0800
```
#0d0800 rgb(13,8,0)
```
#211300
```
#211300 rgb(33,19,0)
```
#341f00
```
#341f00 rgb(52,31,0)
```
#482a00
```
#482a00 rgb(72,42,0)
```
#5c3600
```
#5c3600 rgb(92,54,0)
```
#6f4100
```
#6f4100 rgb(111,65,0)
```
#834d00
```
#834d00 rgb(131,77,0)
```
#965800
```
#965800 rgb(150,88,0)
```
#aa6300
```
#aa6300 rgb(170,99,0)
```
#be6f00
```
#be6f00 rgb(190,111,0)
```
#d17a00
```
#d17a00 rgb(209,122,0)
```
#e58600
```
#e58600 rgb(229,134,0)
```
#f99100
```
#f99100 rgb(249,145,0)
```

Shade Color Variation

#ff9b0d
```
#ff9b0d rgb(255,155,13)
```
#ffa321
```
#ffa321 rgb(255,163,33)
```
#ffab34
```
#ffab34 rgb(255,171,52)
```
#ffb348
```
#ffb348 rgb(255,179,72)
```
#ffbb5c
```
#ffbb5c rgb(255,187,92)
```
#ffc36f
```
#ffc36f rgb(255,195,111)
```
#ffcb83
```
#ffcb83 rgb(255,203,131)
```
#ffd496
```
#ffd496 rgb(255,212,150)
```
#ffdcaa
```
#ffdcaa rgb(255,220,170)
```
#ffe4be
```
#ffe4be rgb(255,228,190)
```
#ffecd1
```
#ffecd1 rgb(255,236,209)
```
#fff4e5
```
#fff4e5 rgb(255,244,229)
```
#fffcf9
```
#fffcf9 rgb(255,252,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #aba59c is the less saturated color, while #ffb348 is the most saturated one.

#aba59c
```
#aba59c rgb(171,165,156)
```
#b2a695
```
#b2a695 rgb(178,166,149)
```
#b9a78e
```
#b9a78e rgb(185,167,142)
```
#c0a887
```
#c0a887 rgb(192,168,135)
```
#c7a980
```
#c7a980 rgb(199,169,128)
```
#ceab79
```
#ceab79 rgb(206,171,121)
```
#d5ac72
```
#d5ac72 rgb(213,172,114)
```
#dcad6b
```
#dcad6b rgb(220,173,107)
```
#e3ae64
```
#e3ae64 rgb(227,174,100)
```
#eaaf5d
```
#eaaf5d rgb(234,175,93)
```
#f1b156
```
#f1b156 rgb(241,177,86)
```
#f8b24f
```
#f8b24f rgb(248,178,79)
```
#ffb348
```
#ffb348 rgb(255,179,72)
```

Tone Color Variation

Below, you can see how #ffb348 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#bebebe Achromatopsia 0.005% of the population
#cbbca6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dac555 Protanopia 1% of men
#f3bc4f Deuteranopia 1% of men
#ffafb9 Tritanopia 0.001% of the population

Trichromacy

#e7be50 Protanomaly 1% of men, 0.01% of women
#f7b84c Deuteranomaly 6% of men, 0.4% of women
#ffb190 Tritanomaly 0.01% of the population

#ffb348 hex color

#ffb348 Color Information

#ffb348 Color Conversion

Color Schemes with #ffb348

Alternatives to #ffb348

#ffb348 Preview

Shades and Tints of #ffb348

Tones of #ffb348

Color Blindness Simulator