Nazwany kolor · #91433E
Red Craft
Red Craft to #91433E: rgb(145 67 62), hsl(4 40% 41%), oklch(0.482 0.107 25.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Red Craft color name →
#91433E
oklch(0.482 0.107 25.5)
Konwersje koloru
- HEX
- #91433e
- RGB
- rgb(145 67 62)
- HSL
- hsl(4 40% 41%)
- HWB
- hwb(4 24% 43%)
- OKLCH
- oklch(0.482 0.107 25.5)
- OKLab
- oklab(0.482 0.096 0.046)
- CIE Lab
- lab(38.93 33.34 19.54)
- LCH
- lch(38.93 38.64 30.4)
- CMYK
- cmyk(0% 54% 57% 43%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 9D5550
- A96862
- B57A74
- C08C87
- CB9F9A
- D6B2AE
- E0C5C1
- EBD8D6
- F5EBEA
Odcienie ciemniejsze
- 7D3935
- 6A2F2B
- 582623
- 461D1A
- 351412
- 250C0A
- 150504
- 070101
- 010000
Tony
- 904A45
- 8F514B
- 8E5752
- 8D5D58
- 8C635F
- 8A6966
- 886F6C
- 867573
- 837A79
Harmonie kolorów
Komplementarna +180°
- 91433E
Red Craft
- 006B75
≈ Toadstool Teal
Analogowa -30° +30°
- 91433E
Red Craft
- 8C4261
≈ Putnam Plum
- 8B4C16
≈ Brown Eyed Girl
Triada +120° +240°
- 91433E
Red Craft
- 316E37
≈ San Felix
- 415B9A
≈ Blue Dahlia
Komplementarna rozszczepiona +150° +210°
- 91433E
Red Craft
- 006F5C
≈ Teal Dark Green
- 006690
≈ Pulsating Blue
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.82:1 · APCA Lc 83
Ag
FailNa czerni
WCAG 3.07:1 · APCA Lc 19
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.82:1 (AA) · APCA Lc 83
Contrast pairs
Fragmenty kodu
CSS
:root {
--red-craft: #91433e;
--red-craft-rgb: 145 67 62;
--red-craft-oklch: oklch(0.482 0.107 25.5);
}
.element {
color: var(--red-craft);
background-color: hsl(4 40% 41%);
border-color: oklch(0.482 0.107 25.5);
}Tailwind CSS v4
@theme {
--color-red-craft: #91433e;
--color-red-craft-50: #ffeae5;
--color-red-craft-100: #ffdbd5;
--color-red-craft-200: #ffc4bb;
--color-red-craft-300: #e9a399;
--color-red-craft-400: #d6857e;
--color-red-craft-500: #c36861;
--color-red-craft-600: #a55852;
--color-red-craft-700: #844642;
--color-red-craft-800: #623230;
--color-red-craft-900: #452221;
--color-red-craft-950: #2c1110;
}SCSS
$red-craft: #91433e;
$red-craft-rgb: 145, 67, 62;
$red-craft-light: mix(#fff, $red-craft, 20%);
$red-craft-dark: mix(#000, $red-craft, 20%);
.element {
color: $red-craft;
box-shadow: 0 0 0 2px rgba($red-craft, 0.35);
}