Skip to content

#46B3F6 Color

#46B3F6 is rgb(70, 179, 246) in RGB, hsl(203, 91%, 62%) in HSL, and about cmyk(72%, 27%, 0%, 4%) in CMYK. It has no registered color name of its own — the closest is Vivid Cerulean (#00AAEE), clearly related but distinguishable side by side at ΔE 5.58. Black text is the more readable choice on this background.

#46B3F6
HEX#46B3F6
RGBrgb(70, 179, 246)
HSLhsl(203, 91%, 62%)
HSVhsv(203, 72%, 96%)
CMYKcmyk(72%, 27%, 0%, 4%)
OKLCHoklch(73.3% 0.138 239.8)
LABlab(68.94% -15.63 -43.12)
LCHlch(68.94% 45.87 250.08)

What #46B3F6 Is Called

Most hex codes have no name: there are 16.7 million of them and a few thousand registered names. These are the named colors nearest to #46B3F6, ordered by CIE76 distance in CIELAB. Anything under about ΔE 2 is a difference most people cannot see.

Vivid Cerulean#00AAEEΔE 5.58Blue Jeans#5DADECΔE 5.75Picton Blue#45B1E8ΔE 6.62Microsoft Blue#00A2EDΔE 8.26Very Light Azure#74BBFBΔE 8.38Twitter Blue#26A7DEΔE 8.53

Browse the full index of named colors A-Z or every blue in the library.

#46B3F6 Channel Values

How #46B3F6 breaks down in each color model. Hue is measured in degrees around the color wheel; saturation, lightness, and the CMYK inks are percentages.

ModelChannelsNotes
RGBR 70 · G 179 · B 2468-bit channels as sent to the display
HSLH 203° · S 91% · L 62%Easiest model for building lighter and darker variants
HSVH 203° · S 72% · V 96%Matches the picker in most design tools
CMYKC 72% · M 27% · Y 0% · K 4%Approximate ink mix; confirm with an ICC profile before printing
Luminance2.32:1 vs white · 9.04:1 vs blackWCAG 2.2 relative-luminance contrast ratios

Text Contrast & Accessibility

WCAG 2.2 contrast ratios for text on a #46B3F6 background. AA requires 4.5:1 for normal text and 3:1 for large text; AAA requires 7:1. Contrast is one check, not a full accessibility review.

Fails AAWhite text2.32:1AA normal AA large AAA normal
TextBlack text9.04:1AA normal AA large AAA normal

Need a specific ratio against another background? Open #46B3F6 in the contrast checker.

Colors That Go With #46B3F6

Pairings derived from color-wheel relationships. The complementary color sits opposite #46B3F6; analogous colors sit beside it; triadic and split-complementary sets spread evenly around the wheel. Select any swatch for its own breakdown.

Base
#46B3F6
Complementary
#F68A46
Analogous
#46F6E2
Analogous
#465AF6
Triadic
#F646B3
Triadic
#B3F646
Split comp.
#F6465A
Split comp.
#F6E246

Tints & Shades of #46B3F6

Lighter tints and darker shades built by moving the lightness channel while holding hue and saturation, which is what you want for hover states, backgrounds, and text variants.

Tints

#5EBDF7
#77C7F9
#8FD1FA
#ACDDFB
#C5E7FC
#DDF1FD

Shades

#1FA3F4
#0A8BDB
#0872B4
#075A8D
#054166
#03253A

Want a full 50-950 ramp with semantic roles? Generate design tokens from #46B3F6.

How #46B3F6 Looks with Color Vision Deficiency

Simulated with the Viénot, Brettel & Mollon LMS projection model. Anomalous types are rendered as partial versions of the matching dichromacy, which is an approximation rather than a per-person clinical model.

Typical#46B3F6
Protanopia#A7A7F6
Protanomaly#8AACF6
Deuteranopia#9A9AF7
Deuteranomaly#80A4F7
Tritanopia#04BDBD
Tritanomaly#2CB9D6
Achromatopsia#AAAAAA

Test a full palette in the color blindness simulator.

Using #46B3F6 in Code

Copy-ready declarations for the places this color usually ends up.

CSS custom property--color-46b3f6: #46B3F6;
CSS backgroundbackground-color: #46B3F6;
Tailwind configcolors: { 'color-46b3f6': '#46B3F6' }
SwiftUIColor(red: 0.275, green: 0.702, blue: 0.965)
Android XML<color name="color_46b3f6">#46B3F6</color>
SVG fillfill="#46B3F6"

More Blue Colors

#46B3F6 sits in the blue family. These are its neighbours across that family's full range, each with its own breakdown.

000024fafaff00002ef9fafb000033f8fafc000038f8f8ff000042f5faff000047f5f5ff002147007dfa0f52ba1c39bb2a3439372aac4e3cc364609a7abdff979aaab8dbffd6d6ff

#46B3F6 Frequently Asked Questions

What color is #46B3F6?

#46B3F6 is a light blue — rgb(70, 179, 246) in RGB and hsl(203, 91%, 62%) in HSL. It carries no registered color name of its own; the closest named color is Vivid Cerulean (#00AAEE), which is clearly related but distinguishable side by side at a CIE76 distance of 5.58.

What is the RGB value of #46B3F6?

#46B3F6 is rgb(70, 179, 246) — red 70, green 179, and blue 246 on the 0-255 scale.

What is the CMYK value of #46B3F6?

#46B3F6 converts to approximately cmyk(72%, 27%, 0%, 4%). CMYK output is a mathematical approximation for planning; confirm production print colors with your printer and ICC profile.

Should text on #46B3F6 be black or white?

Black text is the more readable choice. #46B3F6 scores 2.32:1 against white and 9.04:1 against black, and WCAG 2.2 asks for at least 4.5:1 for normal body text.

Can I write #46B3F6 as a CSS color keyword?

No. #46B3F6 is not one of the CSS color keywords, so it has to be written as a hex, rgb() or hsl() value. The closest keyword is deepskyblue (#00BFFF) at a CIE76 distance of 8.93, which is clearly related but distinguishable side by side.

Open #46B3F6 in a Tool

Hex to RGBHex to HSLHex to CMYKHex to OKLCHHex to PantoneBuild a paletteMake a gradient

Keep exploring: every blue in the color library, the guide to shades of blue, or the full color library.