Närmaste namngivna färg · ΔE 1.17
#54BED5
Närmaste namngivna färg · ΔE 1.17
#54BED5
Passerar den som knapp? Är läsbar som bakgrund? Fungerar i badge-storlek?
Om en hel webbplats använde den som primärfärg skulle den se ut så här —
Brödtexten hamnar här. Primärfärgen driver knappar och länkar, nyanser fyller bakgrunder, text använder färgen med högst kontrast.
Kom igångHarmoniska scheman genererade från färglära.
Hur denna färg presterar mot svart och vit text.
Vit text på denna bakgrund
Aa Förhållande 2.16:1
Svart text på denna bakgrund
Aa Förhållande 9.7:1
:root {
--color: #54BED5;
--color-rgb: 84, 190, 213;
--color-hsl: 190.7, 60.6%, 58.2%;
}
.bg-color { background-color: #54BED5; }
.text-on-color { color: #000000; }
.border-color { border-color: #54BED5; }
.gradient {
background-image: linear-gradient(90deg, #54BED5 0%, 66CCCC 100%);
}Närmaste officiella kod i varje standardsystem, rankad efter CIEDE2000.
Officiell färg från offentliga varumärkesmaterial (simple-icons CC0 dataset)
Vad de gamla skulle ha kallat denna färg.
Samma färg, som den heter i japansk tradition.
Baserad på Machado (2009)-modellen - se hur denna färg framstår för 8 typer av färgseende.
Normalt seende
#54BED5
Standard trikromatiskt seende med alla tre typ av näthinnkroppar fungerande.
Protanomali
#87B8D6
Onormal L-konkänslighet (ca 1% av män). Försvagad röduppfattning.
Protanopi
#A9B4D7
Saknar L-kon (ca 1% av män). Röda är svåra att uppfatta.
Deuteranomali
#79ADD5
Onormal M-konkänslighet (ca 6% av män). Den vanligaste färgblindheten.
Deuteranopi
#92A1D6
Saknar M-kon (ca 1% av män). Röda och gröna förväxlas.
Tritanomali
#41C5CB
Onormal S-konkänslighet (extremt sällsynt). Försvagad blå-gul uppfattning.
Tritanopi
#35CAC4
Saknar S-kon (extremt sällsynt). Blå och gula förväxlas.
Achromatomali
#7EAEB9
Svårt försvagad färgseende (ca 0,001%). Färger ser utspolade ut.
Achromatopsi
#A9A9A9
Ingen färgseende alls (ca 0,003%). Världen är nyanser av grått.
Närmaste namn enligt CIEDE2000-perceptuell avstånd.
Färger ett steg bort i RGB-utrymmet — var och en med sin egen profilsida.
Namn som människor gett denna färg – en HEX-kod, oändliga perspektiv.
…
Logga in / Registrera dig · Logga in för att namnge färger. Dina namn publiceras med din kredit.
Vanliga derivat av denna färg: ljusare / mörkare / mer mättad / mindre mättad, plus inverterad, gråskala, webb-säker och närmaste HTML-namnade färg. Klicka på någon för att öppna dess sida.
Kopiera-klistra-kodavsnitt: förgrundstext, bakgrund, textskugga och en kompletterande gradient.
Exempel på textläsbarhet
color: #54BED5;Exempel på textläsbarhet
background-color: #54BED5;Exempel på textläsbarhet
text-shadow: 0.1em 0.1em 0.15em #54BED5;linear-gradient(90deg, #54BED5, #D56B54)Dra i nyans, mättnad och ljushet för att förhandsgranska live – hitta den version som känns rätt.
Detta är färgen med hex-kod #54BED5. Dess RGB-kanaler är 84, 190, 213; närmaste läsbara namn är "Skydive" (ΔE 1.17, CIEDE2000).
#54BED5 är rgb(84, 190, 213) i RGB, hsl(190.7, 60.6%, 58.2%) i HSL och cmyk(60.6%, 10.8%, 0%, 16.5%) i CMYK.
Dess komplement #D56B54 fungerar bäst, tillsammans med triadiska och analogiska harmonier – se avsnittet om harmonier nedan för att kopiera hela paletter.
Kontrasten mot svart text är 9.7:1 och mot vit text 2.16:1. WCAG 2.1 kräver minst 4.5:1 för brödtext (AA) och 3:1 för stor text.