Colore con nome · #016F92
Tropic Sea
Tropic Sea è #016F92: rgb(1 111 146), hsl(194 99% 29%), oklch(0.506 0.099 228.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Cyan mean? → · Tropic Sea color name →
#016F92
oklch(0.506 0.099 228.9)
Conversioni di colore
- HEX
- #016f92
- RGB
- rgb(1 111 146)
- HSL
- hsl(194 99% 29%)
- HWB
- hwb(194 0% 43%)
- OKLCH
- oklch(0.506 0.099 228.9)
- OKLab
- oklab(0.506 -0.065 -0.075)
- CIE Lab
- lab(42.98 -17.39 -27.17)
- LCH
- lch(42.98 32.26 237.4)
- CMYK
- cmyk(99% 24% 0% 43%)
Tinte · Ombre · Toni
Tinte
- 2F7D9D
- 4A8BA8
- 6299B3
- 78A7BD
- 8FB6C8
- A5C4D3
- BBD3DE
- D2E1E9
- E8F0F4
Ombre
- 01607E
- 01516B
- 004258
- 003446
- 002735
- 001A25
- 000E16
- 000408
- 000101
Toni
- 207190
- 31738F
- 3E758D
- 49778C
- 53788A
- 5D7A88
- 667C86
- 6F7D84
- 787F82
Armonie di colore
Complementare +180°
- 016F92
Tropic Sea
- 92522D
≈ Roasted Pecan
Analogo -30° +30°
- 016F92
Tropic Sea
- 007477
≈ Maxi Teal
- 41659D
≈ Mariner
Triadico +120° +240°
- 016F92
Tropic Sea
- 8E4C6E
≈ Goddess of Dawn
- 6A6918
≈ Brown Green
Complementare divisa +150° +210°
- 016F92
Tropic Sea
- 964B4E
≈ Circus Red
- 835D10
≈ Soil of Avagddu
Tetradico +90° +180° +270°
- 016F92
Tropic Sea
- 7D5189
≈ Cleopatra’s Gown
- 92522D
≈ Roasted Pecan
- 467239
≈ Druid Green
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.69:1 · APCA Lc 78
Ag
FailSu nero
WCAG 3.69:1 · APCA Lc 24
Miglior colore del testo: #FFFFFF
WCAG 5.69:1 (AA) · APCA Lc 78
Contrast pairs
Frammenti di codice
CSS
:root {
--tropic-sea: #016f92;
--tropic-sea-rgb: 1 111 146;
--tropic-sea-oklch: oklch(0.506 0.099 228.9);
}
.element {
color: var(--tropic-sea);
background-color: hsl(194 99% 29%);
border-color: oklch(0.506 0.099 228.9);
}Tailwind CSS v4
@theme {
--color-tropic-sea: #016f92;
--color-tropic-sea-50: #dafbff;
--color-tropic-sea-100: #c7efff;
--color-tropic-sea-200: #a9ddf7;
--color-tropic-sea-300: #81c1e1;
--color-tropic-sea-400: #59aacd;
--color-tropic-sea-500: #2992ba;
--color-tropic-sea-600: #267c9d;
--color-tropic-sea-700: #1e637e;
--color-tropic-sea-800: #12495d;
--color-tropic-sea-900: #0b3341;
--color-tropic-sea-950: #001e2a;
}SCSS
$tropic-sea: #016f92;
$tropic-sea-rgb: 1, 111, 146;
$tropic-sea-light: mix(#fff, $tropic-sea, 20%);
$tropic-sea-dark: mix(#000, $tropic-sea, 20%);
.element {
color: $tropic-sea;
box-shadow: 0 0 0 2px rgba($tropic-sea, 0.35);
}