Nazwany kolor · #757266
Viking Castle
Viking Castle to #757266: rgb(117 114 102), hsl(48 7% 43%), oklch(0.551 0.018 95.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Viking Castle color name →
#757266
oklch(0.551 0.018 95.4)
Konwersje koloru
- HEX
- #757266
- RGB
- rgb(117 114 102)
- HSL
- hsl(48 7% 43%)
- HWB
- hwb(48 40% 54%)
- OKLCH
- oklch(0.551 0.018 95.4)
- OKLab
- oklab(0.551 -0.002 0.018)
- CIE Lab
- lab(48.04 -0.49 7.11)
- LCH
- lch(48.04 7.13 94)
- CMYK
- cmyk(0% 3% 13% 54%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 827F74
- 8F8D83
- 9C9A91
- AAA8A0
- B8B6AF
- C5C4BF
- D4D3CF
- E2E1DF
- F0F0EF
Odcienie ciemniejsze
- 656258
- 55534A
- 46443C
- 37362F
- 292823
- 1C1B17
- 0F0E0C
- 050404
- 010100
Tony
- 767369
- 77756B
- 78766E
- 797870
- 7A7973
- 7C7A76
- 7D7C78
- 7E7D7B
- 7F7F7D
Harmonie kolorów
Komplementarna +180°
- 757266
Viking Castle
- 6F717D
≈ Paisley
Analogowa -30° +30°
- 757266
Viking Castle
- 7A7067
≈ Kindling
- 6F7468
≈ Evergreen Trail
Triada +120° +240°
- 757266
Viking Castle
- 667579
≈ Rain Shadow
- 796E76
≈ Lavender Elegance
Komplementarna rozszczepiona +150° +210°
- 757266
Viking Castle
- 69737C
≈ Long Lake
- 746F7B
≈ Exclusive Plum
Tetrada +90° +180° +270°
- 757266
Viking Castle
- 667673
≈ Sirocco
- 6F717D
≈ Paisley
- 7C6E70
≈ Dusky Cyclamen
Kontrast i dostępność
Ag
AANa bieli
WCAG 4.82:1 · APCA Lc 73
Ag
FailNa czerni
WCAG 4.35:1 · APCA Lc 28
Najlepszy kolor tekstu: #FFFFFF
WCAG 4.82:1 (AA) · APCA Lc 73
Contrast pairs
Fragmenty kodu
CSS
:root {
--viking-castle: #757266;
--viking-castle-rgb: 117 114 102;
--viking-castle-oklch: oklch(0.551 0.018 95.4);
}
.element {
color: var(--viking-castle);
background-color: hsl(48 7% 43%);
border-color: oklch(0.551 0.018 95.4);
}Tailwind CSS v4
@theme {
--color-viking-castle: #757266;
--color-viking-castle-50: #f6f5ef;
--color-viking-castle-100: #e9e8e1;
--color-viking-castle-200: #d6d4cc;
--color-viking-castle-300: #bab8ad;
--color-viking-castle-400: #a29f92;
--color-viking-castle-500: #8a8679;
--color-viking-castle-600: #757266;
--color-viking-castle-700: #5d5b52;
--color-viking-castle-800: #44423b;
--color-viking-castle-900: #2f2e29;
--color-viking-castle-950: #1c1b17;
}SCSS
$viking-castle: #757266;
$viking-castle-rgb: 117, 114, 102;
$viking-castle-light: mix(#fff, $viking-castle, 20%);
$viking-castle-dark: mix(#000, $viking-castle, 20%);
.element {
color: $viking-castle;
box-shadow: 0 0 0 2px rgba($viking-castle, 0.35);
}