Colore con nome · #006A93
Port au Prince
Port au Prince è #006A93: rgb(0 106 147), hsl(197 100% 29%), oklch(0.494 0.103 234). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Port au Prince color name →
#006A93
oklch(0.494 0.103 234)
Conversioni di colore
- HEX
- #006a93
- RGB
- rgb(0 106 147)
- HSL
- hsl(197 100% 29%)
- HWB
- hwb(197 0% 42%)
- OKLCH
- oklch(0.494 0.103 234)
- OKLab
- oklab(0.494 -0.061 -0.084)
- CIE Lab
- lab(41.38 -14.57 -30.26)
- LCH
- lch(41.38 33.58 244.3)
- CMYK
- cmyk(100% 28% 0% 42%)
Tinte · Ombre · Toni
Tinte
- 2D789E
- 4887A9
- 6096B4
- 77A4BE
- 8DB3C9
- A4C2D4
- BAD1DF
- D1E0E9
- E8F0F4
Ombre
- 005B7F
- 004D6C
- 003F59
- 003147
- 002436
- 001825
- 000D16
- 000408
- 000001
Toni
- 1F6D91
- 2F6F90
- 3C728E
- 48748C
- 52768B
- 5C7889
- 657A87
- 6E7C85
- 777E82
Armonie di colore
Complementare +180°
- 006A93
Port au Prince
- 8E4F20
≈ Plane Brown
Analogo -30° +30°
- 006A93
Port au Prince
- 006F78
≈ Carnival Night
- 435F9C
≈ Blue Dahlia
Triadico +120° +240°
- 006A93
Port au Prince
- 8E4666
≈ Putnam Plum
- 616812
≈ Mud Green
Complementare divisa +150° +210°
- 006A93
Port au Prince
- 934744
≈ Cowhide
- 7D5C00
≈ Hè Sè Brown
Tetradico +90° +180° +270°
- 006A93
Port au Prince
- 7E4C83
≈ Vibrant Orchid
- 8E4F20
≈ Plane Brown
- 397039
≈ Mount Hyjal
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.02:1 · APCA Lc 80
Ag
FailSu nero
WCAG 3.48:1 · APCA Lc 22
Miglior colore del testo: #FFFFFF
WCAG 6.02:1 (AA) · APCA Lc 80
Contrast pairs
Frammenti di codice
CSS
:root {
--port-au-prince: #006a93;
--port-au-prince-rgb: 0 106 147;
--port-au-prince-oklch: oklch(0.494 0.103 234);
}
.element {
color: var(--port-au-prince);
background-color: hsl(197 100% 29%);
border-color: oklch(0.494 0.103 234);
}Tailwind CSS v4
@theme {
--color-port-au-prince: #006a93;
--color-port-au-prince-50: #dafbff;
--color-port-au-prince-100: #c8eeff;
--color-port-au-prince-200: #aadcfb;
--color-port-au-prince-300: #83c0e6;
--color-port-au-prince-400: #5ba8d2;
--color-port-au-prince-500: #2d91c0;
--color-port-au-prince-600: #297aa2;
--color-port-au-prince-700: #216282;
--color-port-au-prince-800: #134860;
--color-port-au-prince-900: #0c3243;
--color-port-au-prince-950: #011e2b;
}SCSS
$port-au-prince: #006a93;
$port-au-prince-rgb: 0, 106, 147;
$port-au-prince-light: mix(#fff, $port-au-prince, 20%);
$port-au-prince-dark: mix(#000, $port-au-prince, 20%);
.element {
color: $port-au-prince;
box-shadow: 0 0 0 2px rgba($port-au-prince, 0.35);
}