#1A73E8 — Kleurcodes & Palet
Kleurcodes
| Indeling | Waarde | |
|---|---|---|
| HEX | #1A73E8 | |
| RGB | rgb(26, 115, 232) | |
| HSL | hsl(214, 82%, 51%) |
Tinten van #1A73E8
| #1568D5 | #135DBE | #1152A7 | #0E4690 | #0C3B79 | #0A3061 | #07244A | #051933 |
Pastelkleuren van #1A73E8
| #3383EB | #4A91ED | #619FEF | #78ADF2 | #90BBF4 | #A7C9F6 | #BED7F9 | #D5E6FB |
Kleurcombinaties & Harmonie
|
Complementair
#E9901C
|
Analoog +30°
#291CE9
|
Analoog −30°
#1CDBE9
|
Triadisch +120°
#E91C74
|
Triadisch −120°
#74E91C
|
Contrast & Toegankelijkheid (WCAG 2.1)
CSS-fragment
.element {
color: #1A73E8;
}
.element-bg {
background-color: #1A73E8;
color: #000000;
}
.element-border {
border: 2px solid #1A73E8;
}
Over #1A73E8
#1A73E8 is een middel kleur met levendig, sterk verzadigd, gedefinieerd door de hexcode #1A73E8. De exacte kleurmodelwaarden zijn rgb(26, 115, 232) in RGB en hsl(214, 82%, 51%) in HSL (tint 214°, verzadiging 82%, helderheid 51%). Op een witte achtergrond is de contrastverhouding 4.51:1 — AA geslaagd voor normale tekst, op zwart is dat 4.66:1 — AA geslaagd voor normale tekst. Gebruik #1A73E8 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 →