DevArbor
#5F9EA0

CadetBlue — Kleurcodes & Palet

#5F9EA0  ·  rgb(95, 158, 160)  ·  hsl(182, 25%, 50%)

Kleurcodes

Indeling Waarde
HEX #5F9EA0
RGB rgb(95, 158, 160)
HSL hsl(182, 25%, 50%)

Tinten van CadetBlue

#568E8F#4D7E80#436E70#395E60#304F50#263F40#1D2F30#131F20

Pastelkleuren van CadetBlue

#70A7A9#80B1B3#8FBBBC#9FC4C6#AFCECF#BFD8D9#CFE2E2#DFEBEC

Kleurcombinaties & Harmonie

Complementair
#9F6260
Analoog +30°
#607D9F
Analoog −30°
#609F82
Triadisch +120°
#9F609D
Triadisch −120°
#9D9F60

Contrast & Toegankelijkheid (WCAG 2.1)

versus wit (#FFFFFF)
3.05:1 — AA geslaagd voor grote tekst
versus zwart (#000000)
6.88:1 — AA geslaagd voor normale tekst

CSS-fragment

.element {
  color: #5F9EA0;
}

.element-bg {
  background-color: #5F9EA0;
  color: #000000;
}

.element-border {
  border: 2px solid #5F9EA0;
}

Over CadetBlue

CadetBlue is een middel kleur met matige verzadiging, gedefinieerd door de hexcode #5F9EA0. De exacte kleurmodelwaarden zijn rgb(95, 158, 160) in RGB en hsl(182, 25%, 50%) in HSL (tint 182°, verzadiging 25%, helderheid 50%). Op een witte achtergrond is de contrastverhouding 3.05:1 — AA geslaagd voor grote tekst, op zwart is dat 6.88:1 — AA geslaagd voor normale tekst. Gebruik CadetBlue voor UI-elementen, achtergronden, tekst, randen of decoratieve accenten. Het tintengedeelte hieronder toont progressief donkerdere varianten, terwijl de pastelstrook progressief lichtere versies toont — beide nuttig voor het opbouwen van een tonaal palet. De harmoniekleuren bieden complementaire, analoge en triadische combinaties op basis van het HSL-tintwiel.

Deze kleur interactief verkennen, paletten genereren of wisselen tussen kleurindelingen? De DevArbor-kleurenkiezer helpt je daarbij.

Kleurenkiezer openen →

Veelgestelde vragen

Wat is de RGB-waarde van CadetBlue?
De RGB-waarde van CadetBlue (#5F9EA0) is rgb(95, 158, 160). Rood = rgb(95, 158, 160), wat de hoeveelheden rood, groen en blauw licht op een schaal van 0–255 weergeeft.
Is CadetBlue toegankelijk op een witte achtergrond?
De contrastverhouding van CadetBlue op wit (#FFFFFF) is 3.05:1 — AA geslaagd voor grote tekst. Op zwart (#000000) is de contrastverhouding 6.88:1 — AA geslaagd voor normale tekst. WCAG 2.1 vereist 4,5:1 voor AA (normale tekst) en 7:1 voor AAA.
Welke kleuren combineren goed met CadetBlue?
Op basis van kleurtheorie combineert CadetBlue (hsl(182, 25%, 50%)) goed met zijn complementaire, analoge en triadische tinten. Zie de harmoniekleuren hierboven voor de exacte hexwaarden van elk combinatietype.