Nazwany kolor · #293947
Adept
Adept to #293947: rgb(41 57 71), hsl(208 27% 22%), oklch(0.337 0.032 245.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Adept color name →
#293947
oklch(0.337 0.032 245.4)
Konwersje koloru
- HEX
- #293947
- RGB
- rgb(41 57 71)
- HSL
- hsl(208 27% 22%)
- HWB
- hwb(208 16% 72%)
- OKLCH
- oklch(0.337 0.032 245.4)
- OKLab
- oklab(0.337 -0.014 -0.03)
- CIE Lab
- lab(23.03 -3.56 -10.89)
- LCH
- lch(23.03 11.45 251.9)
- CMYK
- cmyk(42% 20% 0% 72%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 3C4A58
- 4F5C69
- 636F7A
- 78828C
- 8D969E
- A3AAB1
- B9BFC4
- D0D4D7
- E7E9EB
Odcienie ciemniejsze
- 22303D
- 1C2832
- 151F28
- 0F171F
- 091016
- 05090D
- 020406
- 010102
- 000000
Tony
- 31404D
- 394752
- 424D58
- 4A545D
- 535B63
- 5C6369
- 656A6F
- 6E7174
- 77797A
Harmonie kolorów
Komplementarna +180°
- 293947
Adept
- 433425
≈ Jacko Bean
Analogowa -30° +30°
Triada +120° +240°
- 293947
Adept
- 463035
≈ Cab Sav
- 333A28
≈ Matcha Ash
Komplementarna rozszczepiona +150° +210°
- 293947
Adept
- 46312C
≈ Benikeshinezumi Purple
- 3C3724
≈ Mikado
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AAANa bieli
WCAG 11.86:1 · APCA Lc 97
Ag
FailNa czerni
WCAG 1.77:1 · APCA Lc 0
Najlepszy kolor tekstu: #FFFFFF
WCAG 11.86:1 (AAA) · APCA Lc 97
Contrast pairs
Fragmenty kodu
CSS
:root {
--adept: #293947;
--adept-rgb: 41 57 71;
--adept-oklch: oklch(0.337 0.032 245.4);
}
.element {
color: var(--adept);
background-color: hsl(208 27% 22%);
border-color: oklch(0.337 0.032 245.4);
}Tailwind CSS v4
@theme {
--color-adept: #293947;
--color-adept-50: #eef6fe;
--color-adept-100: #e0e9f2;
--color-adept-200: #cad6e2;
--color-adept-300: #abb9c8;
--color-adept-400: #8fa1b1;
--color-adept-500: #75899b;
--color-adept-600: #637483;
--color-adept-700: #4f5d69;
--color-adept-800: #39444d;
--color-adept-900: #272f35;
--color-adept-950: #151b21;
}SCSS
$adept: #293947;
$adept-rgb: 41, 57, 71;
$adept-light: mix(#fff, $adept, 20%);
$adept-dark: mix(#000, $adept, 20%);
.element {
color: $adept;
box-shadow: 0 0 0 2px rgba($adept, 0.35);
}