Colore con nome · #505B93
Fresh Take
Fresh Take è #505B93: rgb(80 91 147), hsl(230 30% 45%), oklch(0.488 0.091 274.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Fresh Take color name →
#505B93
oklch(0.488 0.091 274.1)
Conversioni di colore
- HEX
- #505b93
- RGB
- rgb(80 91 147)
- HSL
- hsl(230 30% 45%)
- HWB
- hwb(230 31% 42%)
- OKLCH
- oklch(0.488 0.091 274.1)
- OKLab
- oklab(0.488 0.007 -0.091)
- CIE Lab
- lab(39.67 7.59 -32.67)
- LCH
- lch(39.67 33.54 283.1)
- CMYK
- cmyk(46% 38% 0% 42%)
Tinte · Ombre · Toni
Tinte
- 606B9E
- 707AA9
- 808AB4
- 919ABF
- A3AAC9
- B5BBD4
- C7CCDF
- D9DDEA
- ECEEF4
Ombre
- 444E7F
- 39416C
- 2E3559
- 242947
- 1A1E36
- 101325
- 070916
- 020308
- 000001
Toni
- 545F92
- 596390
- 5E678E
- 626A8D
- 676E8B
- 6C7289
- 717587
- 767985
- 7B7D82
Armonie di colore
Complementare +180°
- 505B93
Fresh Take
- 715E15
≈ Hot Mustard
Analogo -30° +30°
- 505B93
Fresh Take
- 2C658F
≈ Starry Night
- 6B5289
≈ Magenta Violet
Triadico +120° +240°
- 505B93
Fresh Take
- 8C4B3C
≈ Spiced Red
- 2F6F48
≈ Parsley Sprig
Complementare divisa +150° +210°
- 505B93
Fresh Take
- 835321
≈ Precious Copper
- 55682A
≈ Bimi Green
Tetradico +90° +180° +270°
- 505B93
Fresh Take
- 8A485A
≈ Dull Magenta
- 715E15
≈ Hot Mustard
- 006F65
≈ Deep Pacific
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.44:1 · APCA Lc 82
Ag
FailSu nero
WCAG 3.25:1 · APCA Lc 20
Miglior colore del testo: #FFFFFF
WCAG 6.44:1 (AA) · APCA Lc 82
Contrast pairs
Frammenti di codice
CSS
:root {
--fresh-take: #505b93;
--fresh-take-rgb: 80 91 147;
--fresh-take-oklch: oklch(0.488 0.091 274.1);
}
.element {
color: var(--fresh-take);
background-color: hsl(230 30% 45%);
border-color: oklch(0.488 0.091 274.1);
}Tailwind CSS v4
@theme {
--color-fresh-take: #505b93;
--color-fresh-take-50: #eef4ff;
--color-fresh-take-100: #dfe6ff;
--color-fresh-take-200: #c9d2fc;
--color-fresh-take-300: #aab4e6;
--color-fresh-take-400: #8e9bd5;
--color-fresh-take-500: #7481c2;
--color-fresh-take-600: #626da4;
--color-fresh-take-700: #4e5884;
--color-fresh-take-800: #374062;
--color-fresh-take-900: #262c45;
--color-fresh-take-950: #14192d;
}SCSS
$fresh-take: #505b93;
$fresh-take-rgb: 80, 91, 147;
$fresh-take-light: mix(#fff, $fresh-take, 20%);
$fresh-take-dark: mix(#000, $fresh-take, 20%);
.element {
color: $fresh-take;
box-shadow: 0 0 0 2px rgba($fresh-take, 0.35);
}