Colore con nome · #347284
Oceanic Metropolis
Oceanic Metropolis è #347284: rgb(52 114 132), hsl(194 43% 36%), oklch(0.519 0.069 219.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Cyan mean? → · Oceanic Metropolis color name →
#347284
oklch(0.519 0.069 219.6)
Conversioni di colore
- HEX
- #347284
- RGB
- rgb(52 114 132)
- HSL
- hsl(194 43% 36%)
- HWB
- hwb(194 20% 48%)
- OKLCH
- oklch(0.519 0.069 219.6)
- OKLab
- oklab(0.519 -0.053 -0.044)
- CIE Lab
- lab(44.56 -16.48 -16.34)
- LCH
- lch(44.56 23.21 224.8)
- CMYK
- cmyk(61% 14% 0% 48%)
Tinte · Ombre · Toni
Tinte
- 4A7F90
- 5E8D9C
- 729BA8
- 86A9B4
- 99B7C0
- ADC5CD
- C1D3D9
- D6E2E6
- EAF0F2
Ombre
- 2C6272
- 245360
- 1C444F
- 15363F
- 0E282F
- 071B20
- 030E12
- 010406
- 000101
Toni
- 3E7484
- 477583
- 4F7783
- 567883
- 5E7982
- 657B82
- 6C7C82
- 737D81
- 797F81
Armonie di colore
Complementare +180°
- 347284
Oceanic Metropolis
- 8B5B4A
≈ Carob Brown
Analogo -30° +30°
- 347284
Oceanic Metropolis
- 317571
≈ Imperial Dynasty
- 496C8F
≈ Wickford Bay
Triadico +120° +240°
- 347284
Oceanic Metropolis
- 845975
≈ Indian Silk
- 726938
≈ Robinhood
Complementare divisa +150° +210°
- 347284
Oceanic Metropolis
- 8B5860
≈ Rose Garland
- 83613B
≈ Loose Leather
Tetradico +90° +180° +270°
- 347284
Oceanic Metropolis
- 755D87
≈ Mystical Purple
- 8B5B4A
≈ Carob Brown
- 5C7145
≈ Hummingbird Green
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.40:1 · APCA Lc 77
Ag
FailSu nero
WCAG 3.88:1 · APCA Lc 25
Miglior colore del testo: #FFFFFF
WCAG 5.40:1 (AA) · APCA Lc 77
Contrast pairs
Frammenti di codice
CSS
:root {
--oceanic-metropolis: #347284;
--oceanic-metropolis-rgb: 52 114 132;
--oceanic-metropolis-oklch: oklch(0.519 0.069 219.6);
}
.element {
color: var(--oceanic-metropolis);
background-color: hsl(194 43% 36%);
border-color: oklch(0.519 0.069 219.6);
}Tailwind CSS v4
@theme {
--color-oceanic-metropolis: #347284;
--color-oceanic-metropolis-50: #e1faff;
--color-oceanic-metropolis-100: #d0eef9;
--color-oceanic-metropolis-200: #b5dcea;
--color-oceanic-metropolis-300: #90c0d1;
--color-oceanic-metropolis-400: #6ea9bb;
--color-oceanic-metropolis-500: #4c91a6;
--color-oceanic-metropolis-600: #417b8c;
--color-oceanic-metropolis-700: #346270;
--color-oceanic-metropolis-800: #244852;
--color-oceanic-metropolis-900: #183239;
--color-oceanic-metropolis-950: #081e24;
}SCSS
$oceanic-metropolis: #347284;
$oceanic-metropolis-rgb: 52, 114, 132;
$oceanic-metropolis-light: mix(#fff, $oceanic-metropolis, 20%);
$oceanic-metropolis-dark: mix(#000, $oceanic-metropolis, 20%);
.element {
color: $oceanic-metropolis;
box-shadow: 0 0 0 2px rgba($oceanic-metropolis, 0.35);
}