Colore con nome più vicino · #546FCC
#546FCC
Colore con nome più vicino: God of Rain
#546FCC (rgb(84 111 204), hsl(227 54% 56%), oklch(0.567 0.147 269.2)) è più vicino al colore con nome God of Rain. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#546FCC
oklch(0.567 0.147 269.2)
Conversioni di colore
- HEX
- #546fcc
- RGB
- rgb(84 111 204)
- HSL
- hsl(227 54% 56%)
- HWB
- hwb(227 33% 20%)
- OKLCH
- oklch(0.567 0.147 269.2)
- OKLab
- oklab(0.567 -0.002 -0.146)
- CIE Lab
- lab(48.3 11.9 -52.29)
- LCH
- lch(48.3 53.63 282.8)
- CMYK
- cmyk(59% 46% 0% 20%)
Tinte · Ombre · Toni
Tinte
- 637ED2
- 738CD8
- 849BDE
- 94A9E3
- A5B7E8
- B7C5ED
- C8D4F2
- DAE2F7
- EDF1FB
Ombre
- 4860B1
- 3C5197
- 31427E
- 263465
- 1B274E
- 111A37
- 080E22
- 02040F
- 000102
Toni
- 5872C5
- 5C74BE
- 6176B6
- 6578AF
- 6A7AA7
- 6E7BA0
- 727D98
- 777E90
- 7B7F88
Armonie di colore
Complementare +180°
- 546FCC
God of Rain
- 927200
≈ Vermin Brown
Analogo -30° +30°
- 546FCC
God of Rain
- 007FB9
≈ Meissen Blue
- 845FBF
≈ Lusty Lavender
Triadico +120° +240°
- 546FCC
God of Rain
- BD4E41
≈ Chilli Sauce
- 1F8D43
≈ Grass Court
Complementare divisa +150° +210°
- 546FCC
God of Rain
- AF5F00
≈ Orange Brown
- 6E8100
≈ Verde Tropa
Tetradico +90° +180° +270°
- 546FCC
God of Rain
- B84B74
≈ Royal Heath
- 927200
≈ Vermin Brown
- 008A78
≈ Emerald Enchantment
Contrasto e accessibilità
Ag
AASu bianco
WCAG 4.64:1 · APCA Lc 72
Ag
AASu nero
WCAG 4.52:1 · APCA Lc 30
Miglior colore del testo: #FFFFFF
WCAG 4.64:1 (AA) · APCA Lc 72
Contrast pairs
Frammenti di codice
CSS
:root {
--god-of-rain: #546fcc;
--god-of-rain-rgb: 84 111 204;
--god-of-rain-oklch: oklch(0.567 0.147 269.2);
}
.element {
color: var(--god-of-rain);
background-color: hsl(227 54% 56%);
border-color: oklch(0.567 0.147 269.2);
}Tailwind CSS v4
@theme {
--color-god-of-rain: #546fcc;
--color-god-of-rain-50: #e5f4ff;
--color-god-of-rain-100: #d6e6ff;
--color-god-of-rain-200: #bdd1ff;
--color-god-of-rain-300: #9cb3ff;
--color-god-of-rain-400: #7b99f5;
--color-god-of-rain-500: #5f7ee6;
--color-god-of-rain-600: #516bc2;
--color-god-of-rain-700: #40559c;
--color-god-of-rain-800: #2c3f75;
--color-god-of-rain-900: #1d2b52;
--color-god-of-rain-950: #0e1837;
}SCSS
$god-of-rain: #546fcc;
$god-of-rain-rgb: 84, 111, 204;
$god-of-rain-light: mix(#fff, $god-of-rain, 20%);
$god-of-rain-dark: mix(#000, $god-of-rain, 20%);
.element {
color: $god-of-rain;
box-shadow: 0 0 0 2px rgba($god-of-rain, 0.35);
}