Nazwany kolor · #28A8CD
Reboot
Reboot to #28A8CD: rgb(40 168 205), hsl(193 67% 48%), oklch(0.681 0.117 222.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Cyan mean? → · Reboot color name →
#28A8CD
oklch(0.681 0.117 222.7)
Konwersje koloru
- HEX
- #28a8cd
- RGB
- rgb(40 168 205)
- HSL
- hsl(193 67% 48%)
- HWB
- hwb(193 16% 20%)
- OKLCH
- oklch(0.681 0.117 222.7)
- OKLab
- oklab(0.681 -0.086 -0.08)
- CIE Lab
- lab(63.54 -25.14 -29.15)
- LCH
- lch(63.54 38.49 229.2)
- CMYK
- cmyk(80% 18% 0% 20%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 4AB1D2
- 63BAD8
- 79C3DD
- 8ECBE2
- A1D4E7
- B4DDEC
- C7E5F1
- DAEEF5
- EDF6FA
Odcienie ciemniejsze
- 2192B2
- 1B7C98
- 15677E
- 0F5266
- 093F4E
- 042C38
- 021A23
- 010A0F
- 000102
Tony
- 3BA4C5
- 48A0BE
- 539DB6
- 5C99AE
- 6495A6
- 6B919F
- 718D97
- 76888F
- 7B8488
Harmonie kolorów
Komplementarna +180°
- 28A8CD
Reboot
- D57F5C
≈ Copper Harbor
Analogowa -30° +30°
- 28A8CD
Reboot
- 00AFAC
≈ Laguna Green
- 619CDF
≈ Blue Bay
Triada +120° +240°
- 28A8CD
Reboot
- CA7AAC
≈ Strawberry Freeze
- A69B3B
≈ Pestulance
Komplementarna rozszczepiona +150° +210°
- 28A8CD
Reboot
- D77984
≈ Peach Blossom
- C58C3C
≈ Anzac
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.77:1 · APCA Lc 53
Ag
AAANa czerni
WCAG 7.57:1 · APCA Lc 49
Najlepszy kolor tekstu: #000000
WCAG 7.57:1 (AAA) · APCA Lc 49
Contrast pairs
Fragmenty kodu
CSS
:root {
--reboot: #28a8cd;
--reboot-rgb: 40 168 205;
--reboot-oklch: oklch(0.681 0.117 222.7);
}
.element {
color: var(--reboot);
background-color: hsl(193 67% 48%);
border-color: oklch(0.681 0.117 222.7);
}Tailwind CSS v4
@theme {
--color-reboot: #28a8cd;
--color-reboot-50: #d2fdff;
--color-reboot-100: #bff1ff;
--color-reboot-200: #9de0fa;
--color-reboot-300: #70c4e4;
--color-reboot-400: #3cadd1;
--color-reboot-500: #0096be;
--color-reboot-600: #007fa0;
--color-reboot-700: #006681;
--color-reboot-800: #004b5f;
--color-reboot-900: #003442;
--color-reboot-950: #001f2b;
}SCSS
$reboot: #28a8cd;
$reboot-rgb: 40, 168, 205;
$reboot-light: mix(#fff, $reboot, 20%);
$reboot-dark: mix(#000, $reboot, 20%);
.element {
color: $reboot;
box-shadow: 0 0 0 2px rgba($reboot, 0.35);
}