Nazwany kolor · #8C283B
Thrill Ride
Thrill Ride to #8C283B: rgb(140 40 59), hsl(349 56% 35%), oklch(0.437 0.134 13.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Thrill Ride color name →
#8C283B
oklch(0.437 0.134 13.7)
Konwersje koloru
- HEX
- #8c283b
- RGB
- rgb(140 40 59)
- HSL
- hsl(349 56% 35%)
- HWB
- hwb(349 16% 45%)
- OKLCH
- oklch(0.437 0.134 13.7)
- OKLab
- oklab(0.437 0.131 0.032)
- CIE Lab
- lab(33.18 43.59 13.78)
- LCH
- lch(33.18 45.72 17.5)
- CMYK
- cmyk(0% 71% 58% 45%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 993F4C
- A6555E
- B36A71
- BF7E84
- CB9398
- D6A8AB
- E1BEC0
- EBD3D4
- F5E9EA
Odcienie ciemniejsze
- 792132
- 671B29
- 551521
- 430F19
- 330911
- 230409
- 140204
- 070101
- 010000
Tony
- 8C3342
- 8C3E48
- 8C474F
- 8C5056
- 8B585D
- 8A6064
- 88696B
- 867072
- 837879
Harmonie kolorów
Komplementarna +180°
- 8C283B
Thrill Ride
- 005E5D
≈ Sandhill Crane
Analogowa -30° +30°
- 8C283B
Thrill Ride
- 812C64
≈ Boysenberry
- 883300
≈ Coffee Addiction
Triada +120° +240°
- 8C283B
Thrill Ride
- 335F00
≈ Bright Nori
- 055199
≈ Medium Electric Blue
Komplementarna rozszczepiona +150° +210°
- 8C283B
Thrill Ride
- 006143
≈ Aotake Bamboo
- 005B73
≈ Octagon Ocean
Tetrada +90° +180° +270°
- 8C283B
Thrill Ride
- 5B5300
≈ Douro
- 005E5D
≈ Sandhill Crane
- 4B4398
≈ Blueberry
Kontrast i dostępność
Ag
AAANa bieli
WCAG 8.46:1 · APCA Lc 88
Ag
FailNa czerni
WCAG 2.48:1 · APCA Lc 14
Najlepszy kolor tekstu: #FFFFFF
WCAG 8.46:1 (AAA) · APCA Lc 88
Contrast pairs
Fragmenty kodu
CSS
:root {
--thrill-ride: #8c283b;
--thrill-ride-rgb: 140 40 59;
--thrill-ride-oklch: oklch(0.437 0.134 13.7);
}
.element {
color: var(--thrill-ride);
background-color: hsl(349 56% 35%);
border-color: oklch(0.437 0.134 13.7);
}Tailwind CSS v4
@theme {
--color-thrill-ride: #8c283b;
--color-thrill-ride-50: #ffe6e8;
--color-thrill-ride-100: #ffd6d9;
--color-thrill-ride-200: #ffbdc1;
--color-thrill-ride-300: #f49ba0;
--color-thrill-ride-400: #e27b87;
--color-thrill-ride-500: #cf5b6b;
--color-thrill-ride-600: #af4d5b;
--color-thrill-ride-700: #8d3e49;
--color-thrill-ride-800: #682c36;
--color-thrill-ride-900: #4a1e25;
--color-thrill-ride-950: #300d14;
}SCSS
$thrill-ride: #8c283b;
$thrill-ride-rgb: 140, 40, 59;
$thrill-ride-light: mix(#fff, $thrill-ride, 20%);
$thrill-ride-dark: mix(#000, $thrill-ride, 20%);
.element {
color: $thrill-ride;
box-shadow: 0 0 0 2px rgba($thrill-ride, 0.35);
}