Colore con nome · #0A6B92
Cairns
Cairns è #0A6B92: rgb(10 107 146), hsl(197 87% 31%), oklch(0.497 0.1 233.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Cairns color name →
#0A6B92
oklch(0.497 0.1 233.3)
Conversioni di colore
- HEX
- #0a6b92
- RGB
- rgb(10 107 146)
- HSL
- hsl(197 87% 31%)
- HWB
- hwb(197 4% 43%)
- OKLCH
- oklch(0.497 0.1 233.3)
- OKLab
- oklab(0.497 -0.06 -0.08)
- CIE Lab
- lab(41.77 -14.81 -29.05)
- LCH
- lch(41.77 32.6 243)
- CMYK
- cmyk(93% 27% 0% 43%)
Tinte · Ombre · Toni
Tinte
- 31799D
- 4B88A8
- 6296B3
- 78A5BE
- 8FB4C9
- A5C2D3
- BBD1DE
- D2E0E9
- E8F0F4
Ombre
- 075C7E
- 054E6B
- 033F58
- 023246
- 012535
- 011825
- 000D16
- 000408
- 000001
Toni
- 236D91
- 32708F
- 3E728D
- 49748C
- 53768A
- 5D7988
- 667B86
- 6F7C84
- 787E82
Armonie di colore
Complementare +180°
- 0A6B92
Cairns
- 8E5125
≈ Plane Brown
Analogo -30° +30°
- 0A6B92
Cairns
- 007078
≈ Carnival Night
- 44619B
≈ Mariner
Triadico +120° +240°
Complementare divisa +150° +210°
- 0A6B92
Cairns
- 934947
≈ Cowhide
- 7E5C06
≈ Hè Sè Brown
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.94:1 · APCA Lc 79
Ag
FailSu nero
WCAG 3.53:1 · APCA Lc 23
Miglior colore del testo: #FFFFFF
WCAG 5.94:1 (AA) · APCA Lc 79
Contrast pairs
Frammenti di codice
CSS
:root {
--cairns: #0a6b92;
--cairns-rgb: 10 107 146;
--cairns-oklch: oklch(0.497 0.1 233.3);
}
.element {
color: var(--cairns);
background-color: hsl(197 87% 31%);
border-color: oklch(0.497 0.1 233.3);
}Tailwind CSS v4
@theme {
--color-cairns: #0a6b92;
--color-cairns-50: #dbfbff;
--color-cairns-100: #c9eeff;
--color-cairns-200: #abdcfa;
--color-cairns-300: #84c0e4;
--color-cairns-400: #5da8d0;
--color-cairns-500: #3191be;
--color-cairns-600: #2c7aa0;
--color-cairns-700: #236280;
--color-cairns-800: #15485f;
--color-cairns-900: #0e3242;
--color-cairns-950: #011e2b;
}SCSS
$cairns: #0a6b92;
$cairns-rgb: 10, 107, 146;
$cairns-light: mix(#fff, $cairns, 20%);
$cairns-dark: mix(#000, $cairns, 20%);
.element {
color: $cairns;
box-shadow: 0 0 0 2px rgba($cairns, 0.35);
}