Nazwany kolor · #A6C4CA
Skyward
Skyward to #A6C4CA: rgb(166 196 202), hsl(190 25% 72%), oklch(0.8 0.033 211.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Skyward color name →
#A6C4CA
oklch(0.8 0.033 211.1)
Konwersje koloru
- HEX
- #a6c4ca
- RGB
- rgb(166 196 202)
- HSL
- hsl(190 25% 72%)
- HWB
- hwb(190 65% 21%)
- OKLCH
- oklch(0.8 0.033 211.1)
- OKLab
- oklab(0.8 -0.029 -0.017)
- CIE Lab
- lab(77.06 -9.5 -6.58)
- LCH
- lch(77.06 11.56 214.7)
- CMYK
- cmyk(18% 3% 0% 21%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- AFCACF
- B8D0D4
- C0D5DA
- C9DBDF
- D2E1E4
- DBE7EA
- E4EDEF
- EDF3F4
- F6F9FA
Odcienie ciemniejsze
- 90AAAF
- 7A9195
- 65787C
- 516164
- 3E4A4D
- 2B3537
- 1A2122
- 0A0E0F
- 010202
Tony
- A2BDC2
- 9FB6BB
- 9BAFB3
- 97A8AC
- 93A1A4
- 8F9B9D
- 8C9496
- 888D8E
- 848787
Harmonie kolorów
Komplementarna +180°
- A6C4CA
Skyward
- D2B6B1
≈ Oyster Pink
Analogowa -30° +30°
- A6C4CA
Skyward
- A7C5BF
≈ Peppermint Pie
- ABC1D2
≈ Ruffled Feathers
Triada +120° +240°
- A6C4CA
Skyward
- CBB6C8
≈ Cool Quiet
- C6BDA6
≈ Celery Powder
Komplementarna rozszczepiona +150° +210°
- A6C4CA
Skyward
- D1B5BC
≈ Delightful
- CEB9A9
≈ Panko
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.84:1 · APCA Lc 35
Ag
AAANa czerni
WCAG 11.37:1 · APCA Lc 68
Najlepszy kolor tekstu: #000000
WCAG 11.37:1 (AAA) · APCA Lc 68
Contrast pairs
Fragmenty kodu
CSS
:root {
--skyward: #a6c4ca;
--skyward-rgb: 166 196 202;
--skyward-oklch: oklch(0.8 0.033 211.1);
}
.element {
color: var(--skyward);
background-color: hsl(190 25% 72%);
border-color: oklch(0.8 0.033 211.1);
}Tailwind CSS v4
@theme {
--color-skyward: #a6c4ca;
--color-skyward-50: #ebf8fb;
--color-skyward-100: #dcebef;
--color-skyward-200: #c5d8dd;
--color-skyward-300: #a5bcc2;
--color-skyward-400: #88a4aa;
--color-skyward-500: #6d8d93;
--color-skyward-600: #5c777c;
--color-skyward-700: #4a5f63;
--color-skyward-800: #354649;
--color-skyward-900: #243032;
--color-skyward-950: #131c1e;
}SCSS
$skyward: #a6c4ca;
$skyward-rgb: 166, 196, 202;
$skyward-light: mix(#fff, $skyward, 20%);
$skyward-dark: mix(#000, $skyward, 20%);
.element {
color: $skyward;
box-shadow: 0 0 0 2px rgba($skyward, 0.35);
}