Nazwany kolor · #95AED0
Dockside
Dockside to #95AED0: rgb(149 174 208), hsl(215 39% 70%), oklch(0.744 0.057 256.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Blue mean? → · Dockside color name →
#95AED0
oklch(0.744 0.057 256.2)
Konwersje koloru
- HEX
- #95aed0
- RGB
- rgb(149 174 208)
- HSL
- hsl(215 39% 70%)
- HWB
- hwb(215 58% 18%)
- OKLCH
- oklch(0.744 0.057 256.2)
- OKLab
- oklab(0.744 -0.014 -0.055)
- CIE Lab
- lab(70.07 -3.05 -20.36)
- LCH
- lch(70.07 20.58 261.5)
- CMYK
- cmyk(28% 16% 0% 18%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 9FB6D5
- AABEDA
- B4C6DE
- BFCEE3
- C9D6E8
- D4DEEC
- DEE6F1
- E9EFF6
- F4F7FA
Odcienie ciemniejsze
- 8197B5
- 6D809A
- 5A6A80
- 485567
- 37414F
- 262E39
- 161C23
- 080B10
- 010102
Tony
- 93A9C8
- 91A5C0
- 8FA0B8
- 8D9BAF
- 8B97A7
- 8992A0
- 868E98
- 848990
- 828588
Harmonie kolorów
Komplementarna +180°
- 95AED0
Dockside
- C1A884
≈ Handwoven
Analogowa -30° +30°
- 95AED0
Dockside
- 86B4C8
≈ Batch Blue
- A8A7CF
≈ Violet Mix
Triada +120° +240°
- 95AED0
Dockside
- CD9EA0
≈ Edwardian Rose
- 9CB591
≈ Brookview
Komplementarna rozszczepiona +150° +210°
- 95AED0
Dockside
- CBA28E
≈ Sombrero Tan
- B0AF85
≈ Lively Ivy
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.27:1 · APCA Lc 45
Ag
AAANa czerni
WCAG 9.24:1 · APCA Lc 57
Najlepszy kolor tekstu: #000000
WCAG 9.24:1 (AAA) · APCA Lc 57
Contrast pairs
Fragmenty kodu
CSS
:root {
--dockside: #95aed0;
--dockside-rgb: 149 174 208;
--dockside-oklch: oklch(0.744 0.057 256.2);
}
.element {
color: var(--dockside);
background-color: hsl(215 39% 70%);
border-color: oklch(0.744 0.057 256.2);
}Tailwind CSS v4
@theme {
--color-dockside: #95aed0;
--color-dockside-50: #ebf6ff;
--color-dockside-100: #dde9fb;
--color-dockside-200: #c6d6ed;
--color-dockside-300: #a6b9d5;
--color-dockside-400: #89a0c0;
--color-dockside-500: #6e88ac;
--color-dockside-600: #5d7391;
--color-dockside-700: #4a5c74;
--color-dockside-800: #354456;
--color-dockside-900: #242f3c;
--color-dockside-950: #131b26;
}SCSS
$dockside: #95aed0;
$dockside-rgb: 149, 174, 208;
$dockside-light: mix(#fff, $dockside, 20%);
$dockside-dark: mix(#000, $dockside, 20%);
.element {
color: $dockside;
box-shadow: 0 0 0 2px rgba($dockside, 0.35);
}