Html Css Color HEX #69A2DF Jordy Blue

📋 copy color: '#69A2DF'

red 105 ◦ green 162 ◦ blue 223

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

Shades of Jordy Blue #69A2DF

#69A2DF
#5482B2
#43688E
#365372
#2B425B
#223549
#1B2A3A
#16222E
#121B25
#0E161E
#0B1218
#090E13
Black

Tints of Jordy Blue #69A2DF

#69A2DF
#87B5E5
#9FC4EA
#B2D0EE
#C1D9F1
#CDE1F4
#D7E7F6
#DFECF8
#E5F0F9
#EAF3FA
#EEF5FB
#F1F7FC
White

RGB

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

 GREEN value IS 162 (63.67% from 255) = 33.06%

 BLUE value IS 223 (87.5% from 255) = 45.51%

R = 21.43%
G = 33.06%
B = 45.51%

CMYK

 C value IS 0.53

 M value IS 0.27

 Y value IS 0

 K value IS 0.13

RGB Variations

RGB:
#69A2DF
RBG:
#69DFA2
GRB:
#A269DF
GBR:
#A2DF69
BRG:
#DF69DF
BGR:
#DFA269

Color information

#69A2DF (or 0x69A2DF) is known color: Jordy Blue. HEX triplet: 69, A2 and DF. RGB value is (105,162,223). Sum of RGB (Red+Green+Blue) = 105+162+223=490 (64% of max value = 765). Red value is 105 (41.41% from 255 or 21.43% from 490); Green value is 162 (63.67% from 255 or 33.06% from 490); Blue value is 223 (87.5% from 255 or 45.51% from 490); Max value from RGB is 223 - color contains mainly: blue. Hex color #69A2DF is not a web safe color. Web safe color analog (approx): #6699CC. Inversed color of #69A2DF is #965D20. Grayscale: #979797. Windows color (decimal): -9854241 or 14656105. OLE color: 14656105.

HSL color Cylindrical-coordinate representation of color #69A2DF: hue angle of 211.02º degrees, saturation: 0.65, lightness: 0.64%. HSV value (or HSB Brightness) of color is 0.87% and HSV saturation: 0.53%. Process color model (Four color, CMYK) of #69A2DF is Cyan = 0.53, Magento = 0.27, Yellow = 0 and Black (K on CMYK) = 0.13.

Color convert

RGB 105 162 223 -
CMYK 0.53 0.27 0 0.13
HSL 211.02º 0.65% 0.64% -
HSV(B) 211.02º 0.53% 0.87% -
XYZ 32.07 34.17 74.72 -
YUV 151.91 168.12 94.54 -
System Red Green Blue C M Y K H S L
Decimal 105 162 223 0.53 0.27 0 0.13 211.02 0.65 0.64
Hex 69 A2 DF 35 1B 0 D D3 41 40
Octal 151 242 337 65 33 0 15 323 101 100
Binary 1101001 10100010 11011111 110101 11011 0 1101 11010011 1000001 1000000

Color Harmonies of #69A2DF

Triadic Colors

#DF69A2
#A2DF69

Analogous colors

#6B69DF
#69DDDF

Split complements colors

#DF6B69
#DDDF69

Complementary color

#DFA669

Monochromatic Colors of #69A2DF

#DAE7F6
#B5D1EF
#879CB3
#4E79A7
#35516F
#273C53

Black with #69A2DF

Text Example


Text Example

White with #69A2DF

Text Example


Text Example

HTML Codes & Css Web design

color css

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

 p { color: rgb(105,162,223); }

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

background-color css

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

 a { background-color: rgb(105,162,223); }

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

border-color css

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

 span { border-color: rgb(105,162,223); }

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