Nazwany kolor · #0A6B92
Cairns
Cairns to #0A6B92: rgb(10 107 146), hsl(197 87% 31%), oklch(0.497 0.1 233.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Blue mean? → · Cairns color name →
#0A6B92
oklch(0.497 0.1 233.3)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 31799D
- 4B88A8
- 6296B3
- 78A5BE
- 8FB4C9
- A5C2D3
- BBD1DE
- D2E0E9
- E8F0F4
Odcienie ciemniejsze
- 075C7E
- 054E6B
- 033F58
- 023246
- 012535
- 011825
- 000D16
- 000408
- 000001
Tony
- 236D91
- 32708F
- 3E728D
- 49748C
- 53768A
- 5D7988
- 667B86
- 6F7C84
- 787E82
Harmonie kolorów
Komplementarna +180°
- 0A6B92
Cairns
- 8E5125
≈ Plane Brown
Analogowa -30° +30°
- 0A6B92
Cairns
- 007078
≈ Carnival Night
- 44619B
≈ Mariner
Triada +120° +240°
Komplementarna rozszczepiona +150° +210°
- 0A6B92
Cairns
- 934947
≈ Cowhide
- 7E5C06
≈ Hè Sè Brown
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.94:1 · APCA Lc 79
Ag
FailNa czerni
WCAG 3.53:1 · APCA Lc 23
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.94:1 (AA) · APCA Lc 79
Contrast pairs
Fragmenty kodu
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);
}