Html Css Color HEX #69B4D4 Malibu

📋 copy color: '#69B4D4'

red 105 ◦ green 180 ◦ blue 212

#69B4D4
Download Color Icon.PNG:
16x16 32x32 64x64 128x128 256x256

Shades of Malibu #69B4D4

#69B4D4
#5490AA
#437388
#365C6D
#2B4A57
#223B46
#1B2F38
#16262D
#121E24
#0E181D
#0B1317
#090F12
Black

Tints of Malibu #69B4D4

#69B4D4
#87C3DD
#9FCFE4
#B2D9E9
#C1E1ED
#CDE7F1
#D7ECF4
#DFF0F6
#E5F3F8
#EAF5F9
#EEF7FA
#F1F9FB
White

RGB

 RED value IS 105 (41.41% from 255) = 21.13%

 GREEN value IS 180 (70.7% from 255) = 36.22%

 BLUE value IS 212 (83.2% from 255) = 42.66%

R = 21.13%
G = 36.22%
B = 42.66%

CMYK

 C value IS 0.50

 M value IS 0.15

 Y value IS 0

 K value IS 0.17

RGB Variations

RGB:
#69B4D4
RBG:
#69D4B4
GRB:
#B469D4
GBR:
#B4D469
BRG:
#D469D4
BGR:
#D4B469

Color information

#69B4D4 (or 0x69B4D4) is known color: Malibu. HEX triplet: 69, B4 and D4. RGB value is (105,180,212). Sum of RGB (Red+Green+Blue) = 105+180+212=497 (65% of max value = 765). Red value is 105 (41.41% from 255 or 21.13% from 497); Green value is 180 (70.70% from 255 or 36.22% from 497); Blue value is 212 (83.20% from 255 or 42.66% from 497); Max value from RGB is 212 - color contains mainly: blue. Hex color #69B4D4 is not a web safe color. Web safe color analog (approx): #66CCCC. Inversed color of #69B4D4 is #964B2B. Grayscale: #A1A1A1. Windows color (decimal): -9849644 or 13939817. OLE color: 13939817.

HSL color Cylindrical-coordinate representation of color #69B4D4: hue angle of 197.94º degrees, saturation: 0.55, lightness: 0.62%. HSV value (or HSB Brightness) of color is 0.83% and HSV saturation: 0.5%. Process color model (Four color, CMYK) of #69B4D4 is Cyan = 0.50, Magento = 0.15, Yellow = 0 and Black (K on CMYK) = 0.17.

Color convert

RGB 105 180 212 -
CMYK 0.50 0.15 0 0.17
HSL 197.94º 0.55% 0.62% -
HSV(B) 197.94º 0.5% 0.83% -
XYZ 34.03 40.4 68.29 -
YUV 161.22 156.65 87.9 -
System Red Green Blue C M Y K H S L
Decimal 105 180 212 0.50 0.15 0 0.17 197.94 0.55 0.62
Hex 69 B4 D4 32 F 0 11 C6 37 3E
Octal 151 264 324 62 17 0 21 306 67 76
Binary 1101001 10110100 11010100 110010 1111 0 10001 11000110 110111 111110

Color Harmonies of #69B4D4

Triadic Colors

#D469B4
#B4D469

Analogous colors

#697ED4
#69D4BE

Split complements colors

#D4697E
#D4BE69

Complementary color

#D48969

Monochromatic Colors of #69B4D4

#DAECF4
#B5DAEA
#87A3AF
#4E879F
#355A6A
#27434F

Black with #69B4D4

Text Example


Text Example

White with #69B4D4

Text Example


Text Example

HTML Codes & Css Web design

color css

<style>
 p { color: #69B4D4; }

 p { color: rgb(105,180,212); }

 H1.HeaderClassName
 {
   color: #69B4D4;
 }
 .AnyTagClassName
 {
   color: #69B4D4;
 }
</style>

background-color css

<style>
 a { background-color: #69B4D4; }

 a { background-color: rgb(105,180,212); }

 div.DivClassName
 {
   background-color: #69B4D4;
 }
 .BgClassName
 {
   background-color: #69B4D4;
 }
</style>

border-color css

<style>
 span { border-color: #69B4D4; }

 span { border-color: rgb(105,180,212); }

 td.TdClassName
 {
   border-color: #69B4D4;
 }
 .TagClassName
 {
   border-color: #69B4D4;
 }
</style>