Benannte Farbe · #424C44
Olympic Range
Olympic Range ist #424C44: rgb(66 76 68), hsl(132 7% 28%), oklch(0.405 0.018 151.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Olympic Range color name →
#424C44
oklch(0.405 0.018 151.3)
Farbumrechnungen
- HEX
- #424c44
- RGB
- rgb(66 76 68)
- HSL
- hsl(132 7% 28%)
- HWB
- hwb(132 26% 70%)
- OKLCH
- oklch(0.405 0.018 151.3)
- OKLab
- oklab(0.405 -0.016 0.009)
- CIE Lab
- lab(31.22 -5.54 3.35)
- LCH
- lch(31.22 6.47 148.8)
- CMYK
- cmyk(13% 0% 11% 70%)
Tints · Shades · Tones
Tints
- 535C55
- 646D66
- 767E77
- 888F8A
- 9BA19C
- AEB3AF
- C2C6C3
- D6D8D6
- EAECEB
Shades
- 38413A
- 2F3630
- 252C26
- 1C221D
- 141814
- 0B0F0C
- 050605
- 010202
- 000000
Tones
- 48514A
- 4E564F
- 545B55
- 5A605B
- 606561
- 666B67
- 6D706D
- 737574
- 7A7B7A
Farbharmonien
Komplementär +180°
- 424C44
Olympic Range
- 4F454E
≈ My Place or Yours
Analog -30° +30°
- 424C44
Olympic Range
- 474B40
≈ Foxhall Green
- 3E4C4A
≈ Corduroy
Triadisch +120° +240°
- 424C44
Olympic Range
- 454953
≈ Sea Mariner
- 534643
≈ Railroad Ties
Geteilt komplementär +150° +210°
- 424C44
Olympic Range
- 4B4752
≈ Quixotic Plum
- 524548
≈ Black Elegance
Tetradisch +90° +180° +270°
- 424C44
Olympic Range
- 404A52
≈ Medium Gunship Grey
- 4F454E
≈ My Place or Yours
- 51473F
≈ Black Fox
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 8.94:1 · APCA Lc 91
Ag
FailAuf Schwarz
WCAG 2.34:1 · APCA Lc 12
Beste Textfarbe: #FFFFFF
WCAG 8.94:1 (AAA) · APCA Lc 91
Contrast pairs
Code-Snippets
CSS
:root {
--olympic-range: #424c44;
--olympic-range-rgb: 66 76 68;
--olympic-range-oklch: oklch(0.405 0.018 151.3);
}
.element {
color: var(--olympic-range);
background-color: hsl(132 7% 28%);
border-color: oklch(0.405 0.018 151.3);
}Tailwind CSS v4
@theme {
--color-olympic-range: #424c44;
--color-olympic-range-50: #f1f7f3;
--color-olympic-range-100: #e3eae5;
--color-olympic-range-200: #cfd7d0;
--color-olympic-range-300: #b1bab3;
--color-olympic-range-400: #97a299;
--color-olympic-range-500: #7e8a80;
--color-olympic-range-600: #6a756c;
--color-olympic-range-700: #555d57;
--color-olympic-range-800: #3e443f;
--color-olympic-range-900: #2b2f2b;
--color-olympic-range-950: #181c19;
}SCSS
$olympic-range: #424c44;
$olympic-range-rgb: 66, 76, 68;
$olympic-range-light: mix(#fff, $olympic-range, 20%);
$olympic-range-dark: mix(#000, $olympic-range, 20%);
.element {
color: $olympic-range;
box-shadow: 0 0 0 2px rgba($olympic-range, 0.35);
}