Sweet Aqua
Kleur #a7e8d3 in RGB-formaat (167, 232, 211): 65%, 91%, 83% rood, 65%, 91%, 83% groen, 65%, 91%, 83% blauw. #a7e8d3 in CMYK-indeling (28%, 0%, 9%, 9%): 28%, 0%, 9%, 9%. In HSL-kleurmodel (161, 59%, 78%): 161, 59%, 78% graden, 161, 59%, 78% verzadiging, 161, 59%, 78% lichtheid. Andere formaten en wedstrijden worden hieronder weergegeven.
#a7e8d3
#b0ead7
#b9eddc
#c1efe0
#caf1e5
#d3f4e9
#dcf6ed
#e5f8f2
#edfaf6
#f6fdfb
#ffffff
Kleurformaten
HEX
#a7e8d3
RYB
44, 21, 0
RGB
167, 232, 211
Decimal
11004115
RGB %
65%, 91%, 83%
Websafe
#99ffcc
CMYK
28%, 0%, 9%, 9%
Lab
87.31, -24.75, 3.64
HSL
161, 59%, 78%
XYZ
56.55, 70.63, 72.28
HSV
161, 28%, 91%
YIQ
210.17, -31.98, -20.27
Hunter-Lab
8.4, -2.07, 1.2
YUV
210.17, 0.41, -37.87
Android
0xFFa7e8d3
Yxy
70.63, 0.28, 0.35
Extra kleuren
#a7e8d2
#a7e8dd
#a7e8e8
#a7dde8
#a7e8e3
#a7e3e8
#a7d8e8
#a7cde8
#a7dde8
#a7d2e8
#a7c8e8
#a7bde8
#a7cde8
#a7c2e8
#a7b7e8
#a7ace8
#a7bde8
#a7b2e8
#a7a7e8
#b2a7e8
#a7ace8
#aca7e8
#b7a7e8
#c2a7e8
#b2a7e8
#bda7e8
#c8a7e8
#d2a7e8
Kleurenschema's
Complementary
#a7e8d3
#e8a7bd
Triad
#a7e8d3
#d2a7e8
#e8d2a7
Tetrad
#a7e8d3
#b2a7e8
#e8a7bd
#dde8a7
Tinten
#a7e8d3
#9cd9c5
#91c9b7
#86baa9
#7aaa9b
#6f9b8d
#648b7f
#597c71
#4e6c62
#435d54
#384d46
#2d3e38
#212e2a
#161f1c
#0b0f0e
Donkere tinten
#86baa9
#7fb0a0
#78a798
#729e8f
#6b9487
#648b7f
#5e8276
#57796e
#506f65
#49665d
#435d54
#3c544c
#354a44
#2f413b
#283833
Lichte tonen
#a7e8d3
#aef1db
#b4fbe4
#bbffec
#c2fff5
#c8fffd
#cfffff
#d6ffff
#dcffff
#e3ffff
#eaffff
#f0ffff
#f7ffff
#feffff
#ffffff
Monochromatisch
#68d7b3
#6ed9b7
#74dbba
#7bdcbd
#81dec0
#87e0c3
#8ee1c6
#94e3ca
#9ae5cd
#a1e6d0
#a7e8d3
#adead6
#b4ebd9
#baeddc
#c0efe0
Analoog
#dde8a7
#bde8a7
#a7e8b2
#a7e8d2
#a7dde8
#a7bde8
#b2a7e8
Stijlen voor HTML (CSS)
De achtergrond van dit blok is gekleurd #b2a7e8
<div style="background: #b2a7e8">Background</div>
div {background: #b2a7e8;}
De tekst en randen van dit blok zijn gekleurd
#a7e8d3
<div style="color: #a7e8d3">Text</div>
div {color: #b2a7e8;}
<div style="border: 1px solid #a7e8d3">Border</div>
div {border: 1px solid #a7e8d3;}