Colore con nome più vicino · #627991
#627991
Colore con nome più vicino: Plumbeous
#627991 (rgb(98 121 145), hsl(211 19% 48%), oklch(0.567 0.046 249.7)) è più vicino al colore con nome Plumbeous. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#627991
oklch(0.567 0.046 249.7)
Conversioni di colore
- HEX
- #627991
- RGB
- rgb(98 121 145)
- HSL
- hsl(211 19% 48%)
- HWB
- hwb(211 38% 43%)
- OKLCH
- oklch(0.567 0.046 249.7)
- OKLab
- oklab(0.567 -0.016 -0.043)
- CIE Lab
- lab(49.67 -4.11 -15.99)
- LCH
- lch(49.67 16.51 255.6)
- CMYK
- cmyk(32% 17% 0% 43%)
Tinte · Ombre · Toni
Tinte
- 71869C
- 8092A6
- 8F9FB1
- 9EADBC
- AEBAC7
- BEC7D2
- CED5DD
- DEE3E8
- EEF1F4
Ombre
- 54687D
- 47586A
- 3A4858
- 2D3946
- 212B35
- 161D25
- 0B1015
- 030507
- 000101
Toni
- 657A8F
- 687B8E
- 6B7B8C
- 6E7C8A
- 717D89
- 747D87
- 777E85
- 7A7F84
- 7D7F82
Armonie di colore
Complementare +180°
- 627991
Plumbeous
- 887259
≈ Braun
Analogo -30° +30°
- 627991
Plumbeous
- 587D89
≈ St. Bart’s
- 717492
≈ Legal Eagle
Triadico +120° +240°
- 627991
Plumbeous
- 8F6C70
≈ Dull Dusky Pink
- 6E7C60
≈ Aceituna Picante
Complementare divisa +150° +210°
- 627991
Plumbeous
- 8F6E62
≈ Chocolate Curl
- 7D7758
≈ Kokoda
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AASu bianco
WCAG 4.50:1 · APCA Lc 71
Ag
AASu nero
WCAG 4.66:1 · APCA Lc 30
Miglior colore del testo: #000000
WCAG 4.66:1 (AA) · APCA Lc 30
Contrast pairs
Frammenti di codice
CSS
:root {
--plumbeous: #627991;
--plumbeous-rgb: 98 121 145;
--plumbeous-oklch: oklch(0.567 0.046 249.7);
}
.element {
color: var(--plumbeous);
background-color: hsl(211 19% 48%);
border-color: oklch(0.567 0.046 249.7);
}Tailwind CSS v4
@theme {
--color-plumbeous: #627991;
--color-plumbeous-50: #ecf6ff;
--color-plumbeous-100: #dde9f7;
--color-plumbeous-200: #c6d6e8;
--color-plumbeous-300: #a7bacf;
--color-plumbeous-400: #8aa1b9;
--color-plumbeous-500: #6f89a4;
--color-plumbeous-600: #5e748b;
--color-plumbeous-700: #4b5d6f;
--color-plumbeous-800: #364452;
--color-plumbeous-900: #252f39;
--color-plumbeous-950: #131c23;
}SCSS
$plumbeous: #627991;
$plumbeous-rgb: 98, 121, 145;
$plumbeous-light: mix(#fff, $plumbeous, 20%);
$plumbeous-dark: mix(#000, $plumbeous, 20%);
.element {
color: $plumbeous;
box-shadow: 0 0 0 2px rgba($plumbeous, 0.35);
}