Nazwany kolor · #E1583F
Tiger Lily
Tiger Lily to #E1583F: rgb(225 88 63), hsl(9 73% 56%), oklch(0.636 0.176 32.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Tiger Lily color name →
#E1583F
oklch(0.636 0.176 32.4)
Konwersje koloru
- HEX
- #e1583f
- RGB
- rgb(225 88 63)
- HSL
- hsl(9 73% 56%)
- HWB
- hwb(9 25% 12%)
- OKLCH
- oklch(0.636 0.176 32.4)
- OKLab
- oklab(0.636 0.149 0.094)
- CIE Lab
- lab(56.14 53.38 43.06)
- LCH
- lch(56.14 68.58 38.9)
- CMYK
- cmyk(0% 61% 72% 12%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E66B53
- EB7D67
- F08E7A
- F49E8D
- F7AF9F
- FABFB2
- FCCFC5
- FEDFD8
- FFEFEC
Odcienie ciemniejsze
- C44B35
- A73F2C
- 8B3323
- 70281B
- 561D12
- 3E120A
- 270904
- 120301
- 020000
Tony
- D85E48
- D0644F
- C76956
- BD6D5D
- B47163
- AB756A
- A1786F
- 967B75
- 8B7E7B
Harmonie kolorów
Komplementarna +180°
- E1583F
Tiger Lily
- 009CB2
≈ Caneel Bay
Analogowa -30° +30°
- E1583F
Tiger Lily
- DC5382
≈ Fandango Pink
- C77300
≈ Dirty Orange
Triada +120° +240°
- E1583F
Tiger Lily
- 00A656
≈ Green Pigment
- 687EF4
≈ Pan Purple
Komplementarna rozszczepiona +150° +210°
- E1583F
Tiger Lily
- 00A190
≈ Turquish
- 0093DE
≈ Kahu Blue
Tetrada +90° +180° +270°
- E1583F
Tiger Lily
- 7B9900
≈ Green Thumb
- 009CB2
≈ Caneel Bay
- A06BE2
≈ Violet Voltage
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.70:1 · APCA Lc 64
Ag
AANa czerni
WCAG 5.66:1 · APCA Lc 38
Najlepszy kolor tekstu: #000000
WCAG 5.66:1 (AA) · APCA Lc 38
Contrast pairs
Fragmenty kodu
CSS
:root {
--tiger-lily: #e1583f;
--tiger-lily-rgb: 225 88 63;
--tiger-lily-oklch: oklch(0.636 0.176 32.4);
}
.element {
color: var(--tiger-lily);
background-color: hsl(9 73% 56%);
border-color: oklch(0.636 0.176 32.4);
}Tailwind CSS v4
@theme {
--color-tiger-lily: #e1583f;
--color-tiger-lily-50: #ffe4d4;
--color-tiger-lily-100: #ffd3c1;
--color-tiger-lily-200: #ffb9a2;
--color-tiger-lily-300: #ff9479;
--color-tiger-lily-400: #f47057;
--color-tiger-lily-500: #e34a2f;
--color-tiger-lily-600: #bf4029;
--color-tiger-lily-700: #9a3321;
--color-tiger-lily-800: #732319;
--color-tiger-lily-900: #511810;
--color-tiger-lily-950: #360703;
}SCSS
$tiger-lily: #e1583f;
$tiger-lily-rgb: 225, 88, 63;
$tiger-lily-light: mix(#fff, $tiger-lily, 20%);
$tiger-lily-dark: mix(#000, $tiger-lily, 20%);
.element {
color: $tiger-lily;
box-shadow: 0 0 0 2px rgba($tiger-lily, 0.35);
}