Lightness variants
| Lightness |
HEX |
RGB |
Swatch |
| 10% |
#031C30 |
rgb(3,28,48) |
|
| 20% |
#053861 |
rgb(5,56,97) |
|
| 30% |
#085391 |
rgb(8,83,145) |
|
| 40% |
#0A6FC2 |
rgb(10,111,194) |
|
| 50% ◀ |
#0D8BF2 |
rgb(13,139,242) |
|
| 60% |
#3DA2F5 |
rgb(61,162,245) |
|
| 70% |
#6EB9F7 |
rgb(110,185,247) |
|
| 80% |
#9ED1FA |
rgb(158,209,250) |
|
| 90% |
#CFE8FC |
rgb(207,232,252) |
|
Frequently Asked Questions
What is the RGB value of #2196F3?+
#2196F3 in RGB is rgb(33, 150, 243).
What is #2196F3 in HSL?+
#2196F3 in HSL is hsl(207°, 90%, 54%).
How do I use #2196F3 in CSS?+
Use color: #2196f3; or color: rgb(33,150,243); or color: hsl(207,90%,54%);
What kind of color is #2196F3?+
#2196F3 has R=33, G=150, B=243. Hue: 207°, Saturation: 90%, Lightness: 54%. It is a mid-lightness colour.