skyblue
Embed This Widget
Add the script tag and a data attribute to embed this widget.
Embed via iframe for maximum compatibility.
<iframe src="https://colorfyi.com/iframe/entity//" width="420" height="400" frameborder="0" style="border:0;border-radius:10px;max-width:100%" loading="lazy"></iframe>
Paste this URL in WordPress, Medium, or any oEmbed-compatible platform.
https://colorfyi.com/entity//
Add a dynamic SVG badge to your README or docs.
[](https://colorfyi.com/entity//)
Use the native HTML custom element.
#87CEEB
CSS color
Sky Blue (#87CEEB) is a light, airy blue CSS named colour, directly capturing the luminous, open blue of a clear sky at mid-morning — one of the most universally beloved colours in the natural world. As a CSS standard, it is one of the most commonly used blues in web design for conveying openness, clarity, freedom, and calm. Sky blue crosses cultural boundaries in its positive associations, representing the open air and the limitless quality of the visible atmosphere.
Valores de color
#87CEEB
135, 206, 235
197,4, 71,4%, 72,5%
197,4, 42,6%, 92,2%
42,6%, 12,3%, 0,0%, 7,8%
0,8148 0,0819 225,8
Propiedades
Psicología del color
Light blues are universally associated with clear skies, serenity, and trustworthiness. They lower blood pressure and heart rate, making them the most psychologically calming chromatic colors. Baby blue in particular symbolizes gentleness, innocence, and reliable safety.
Design Usage
Soft blues are the most widely used background color in enterprise software, social media, and healthcare apps. They create a professional yet friendly atmosphere that encourages prolonged engagement. Use them for empty states, onboarding screens, and informational banners that should feel non-threatening.
Armonías de color
Simulación de daltonismo
Uso de CSS
background-color: #87CEEB;
color: #87CEEB;
border-color: #87CEEB;
Sky 300
#7DD3FC
Tonos Tailwind
Verificador de contraste
Texto sobre blanco
1,74:1
Texto sobre negro
12,06:1
Comparar con
Parte de estas colecciones
Preguntas frecuentes
What are the RGB, HSL, and CMYK values of #87CEEB?
RGB(135, 206, 235) · HSL(197,4, 71,4%, 72,5%) · CMYK(42,6%, 12,3%, 0,0%, 7,8%)
Does #87CEEB meet WCAG contrast on white?
1,74:1 — WCAG AA Fallido, AAA Fallido for normal text.
What text color is readable on #87CEEB?
Use 000000 text on a #87CEEB background; contrast on black is 12,06:1.