Colore con nome · #698396
Royal Grey
Royal Grey è #698396: rgb(105 131 150), hsl(205 18% 50%), oklch(0.597 0.042 240.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Royal Grey color name →
#698396
oklch(0.597 0.042 240.1)
Conversioni di colore
- HEX
- #698396
- RGB
- rgb(105 131 150)
- HSL
- hsl(205 18% 50%)
- HWB
- hwb(205 41% 41%)
- OKLCH
- oklch(0.597 0.042 240.1)
- OKLab
- oklab(0.597 -0.021 -0.036)
- CIE Lab
- lab(53.24 -6.13 -13.47)
- LCH
- lch(53.24 14.8 245.5)
- CMYK
- cmyk(30% 13% 0% 41%)
Tinte · Ombre · Toni
Tinte
- 778FA0
- 869BAA
- 94A7B5
- A3B3BF
- B2BFCA
- C1CCD4
- D0D8DF
- E0E5E9
- EFF2F4
Ombre
- 5A7182
- 4C606E
- 3E4F5B
- 313F49
- 242F37
- 182026
- 0C1216
- 040608
- 000101
Toni
- 6B8394
- 6E8292
- 708290
- 73828D
- 75828B
- 778189
- 798187
- 7C8185
- 7E8082
Armonie di colore
Complementare +180°
- 698396
Royal Grey
- 927A66
≈ Nest
Analogo -30° +30°
- 698396
Royal Grey
- 62868D
≈ Arctic
- 757E99
≈ Country Blue
Triadico +120° +240°
- 698396
Royal Grey
- 95757E
≈ Tragic Juliet
- 7C8367
≈ Pendula Garden
Complementare divisa +150° +210°
- 698396
Royal Grey
- 977671
≈ Reddish Grey
- 897F63
≈ Olive Haze
Tetradico +90° +180° +270°
- 698396
Royal Grey
- 8E778B
≈ Muted Berry
- 927A66
≈ Nest
- 6E8772
≈ Thyme and Place
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.97:1 · APCA Lc 67
Ag
AASu nero
WCAG 5.28:1 · APCA Lc 35
Miglior colore del testo: #000000
WCAG 5.28:1 (AA) · APCA Lc 35
Contrast pairs
Frammenti di codice
CSS
:root {
--royal-grey: #698396;
--royal-grey-rgb: 105 131 150;
--royal-grey-oklch: oklch(0.597 0.042 240.1);
}
.element {
color: var(--royal-grey);
background-color: hsl(205 18% 50%);
border-color: oklch(0.597 0.042 240.1);
}Tailwind CSS v4
@theme {
--color-royal-grey: #698396;
--color-royal-grey-50: #ebf7ff;
--color-royal-grey-100: #dceaf5;
--color-royal-grey-200: #c5d7e5;
--color-royal-grey-300: #a5bbcb;
--color-royal-grey-400: #89a2b5;
--color-royal-grey-500: #6d8a9f;
--color-royal-grey-600: #5d7587;
--color-royal-grey-700: #4a5e6c;
--color-royal-grey-800: #35454f;
--color-royal-grey-900: #242f37;
--color-royal-grey-950: #131c22;
}SCSS
$royal-grey: #698396;
$royal-grey-rgb: 105, 131, 150;
$royal-grey-light: mix(#fff, $royal-grey, 20%);
$royal-grey-dark: mix(#000, $royal-grey, 20%);
.element {
color: $royal-grey;
box-shadow: 0 0 0 2px rgba($royal-grey, 0.35);
}