Color Orient aqua-blue (#255b77):
HEX, RGB color codes for HTML and CSS

The Comprehensive Guide to Orient aqua-blue (#255b77):
Its Meaning and Harmonious Color Matches in Design.

Orient is a color with a HTML hex code of #255b77.

Hue Family:

aqua-blues Family:

moderately saturated

colorful tone




medium chroma

Color Information about Orient / #255b77

The HTML HEX code is #255b77. The corresponding color name is "Orient". In RGB values (additive color space used for Digital Displays), this HEX code translates to Red (R): 37%, Green (G): 91%, Blue (B): 119%. In the CMYK color model (subtractive color model used in printing), it is represented by Cyan (C): 69%, Magenta (M): 24%, Yellow (Y):0%, Black (K): 53%. In the HSL color space, #255b77 has a hue of 200°, saturation of 53%, and lightness of 31%. The HSV representation is 200° for hue, 69% for saturation, and 47% for value.

In the CIE-LAB color space, the color is denoted by L* (lightness) = 36, a* (green to red) = -8, and b* (blue to yellow) = -21. The XYZ representation is X: 8, Y: 9, Z: 19. In the YUV color space, it translates to Y (luminance) = 0.3061, U (chrominance) = 0.0790, and V (chrominance) = -0.1412.

The decimal value of the color is 2448247. The closest Web-safe HEX code is #336666. Variations of the colour are #4098C4 for a 20% lighter version and #0D212B for a 20% darker version.

For the color with hex value #255b77, the correlated color temperature (CT) is estimated to be 27294 Kelvin (27294K).

The approximate wavelength of #255b77 is around 490.00nm.

HEX Code255b77#255b77
RGB Decimal Code37, 91, 119rgb(37, 91, 119)
CMYK69, 24, 0, 53/
HSL200°, 53%, 31%hsl(200°, 53%, 31%)
HSV200°, 69%, 47%/
CIE-LAB36, -8, -21/
XYZ 8, 9, 19/
YUV0.3061, 0.0790, -0.1412/
Decimal value2448247/
Web-Safe HEX336666#336666
Color Temperature (CT)27294 Kelvin (27294K)/
Estimate Wavelengtharound 490.00nm/

The Depth and Diversity of Orient (Hex: #255b77): Exploring its Impact in Design and Culture

The color Orient (#255b77) resembles the deep blue ocean with hints of green that can be seen in tropical destinations like the Caribbean. It also resembles the shimmering scales of a fish or the vibrant feathers of a peacock. This color is as captivating as a starry night sky, with its rich hue reminiscent of the evening atmosphere when the sun sets and the world is bathed in a calm and serene ambiance.

Download Stunning Orient Wallpapers and Backgrounds

Enhance your devices with our minimalistic yet captivating Orient Wallpapers, perfectly designed for 4K, 5K, iPhone, and Android screens. Experience a unique aesthetic that brings elegance to your digital life.

Experience Elegance with Orient 4K Wallpaper

Immerse yourself in the beauty of our Orient 4K Wallpaper, offering a resolution of 3840px by 2160px. Perfect for high-resolution displays, this wallpaper brings a touch of sophistication to your desktop.

Download Orient 4K Wallpaper

Tints and Shades of #255b77 HEX color (Orient)

In color theory, tints and shades are essential for understanding the depth and luminosity of colors. A tint is achieved by adding white to a pure hue, lightening its appearance. Conversely, a shade results from blending black with a color, giving it a deeper tone. In the context of #255b77, this color stands at the center between its tints and shades. While the tints get progressively lighter moving towards white (#ffffff), the shades deepen towards black (#000000).

  • #ffffff
  • #C9D6DD
  • #92ADBB
  • #5C8499
  • #255b77
  • #1C4459
  • #132E3C
  • #09171E
  • #000000

Tones of Orient (#255b77 HEX color)

A tone is produced by adding gray to any pure hue. In the case of #255b77, #496a7b is the less saturated color, while #255b77 is the most saturated one.

  • #496a7b
  • #40667a
  • #376279
  • #2e5f78
  • #255b77
  • #333333
  • #262626
  • #1a1a1a
  • #0d0d0d

HTML Usage Examples

HTML using color code example

<p style="color: #255b77;">This is a css example</p>

HTML / CSS Color Name using W3C

W3C HTML / CSS Color Name doesn't exist for #255b77.

CSS color code example

p { color: #255b77; }

Text with hexadecimal color #255b77

This is a sample text with color #255b77.

Background Color with #255b77

This is a example with background color #255b77.

Border Color with #255b77

This is a example of a border with #255b77.

#255b77 Color Preview on White (#ffffff) Background

This is a example of text with color #255b77 on white background.

#255b77 Color Preview on Black (#000000) Background

This is a example of text with color #255b77 on black background.

CSS codes examples

.text {color:#255b77;}
.background {background-color:#255b77;}
.border {border:1px solid #255b77;}

Complementary Color


Analogous Colors


Split Complementary Colors


Triadic Colors


Tetradic Colors