Nazwany kolor · #D98A7D
Indian Sunset
Indian Sunset to #D98A7D: rgb(217 138 125), hsl(8 55% 67%), oklch(0.712 0.099 29.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Indian Sunset color name →
#D98A7D
oklch(0.712 0.099 29.9)
Konwersje koloru
- HEX
- #d98a7d
- RGB
- rgb(217 138 125)
- HSL
- hsl(8 55% 67%)
- HWB
- hwb(8 49% 15%)
- OKLCH
- oklch(0.712 0.099 29.9)
- OKLab
- oklab(0.712 0.086 0.05)
- CIE Lab
- lab(65.67 29.9 20.24)
- LCH
- lch(65.67 36.11 34.1)
- CMYK
- cmyk(0% 36% 42% 15%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- DE968A
- E2A196
- E7ADA3
- EBB9B0
- EFC4BD
- F2D0CA
- F6DCD7
- F9E7E4
- FCF3F2
Odcienie ciemniejsze
- BC776C
- A1655B
- 86534B
- 6C423B
- 53322C
- 3B221E
- 251411
- 110705
- 020101
Tony
- D0897E
- C8897E
- BF887E
- B6877F
- AD867F
- A4857F
- 9C8480
- 938380
- 898180
Harmonie kolorów
Komplementarna +180°
- D98A7D
Indian Sunset
- 48B3C4
≈ Glassmith
Analogowa -30° +30°
- D98A7D
Indian Sunset
- D5879F
≈ Dull Pink
- D09360
≈ Gates of Gold
Triada +120° +240°
- D98A7D
Indian Sunset
- 73B481
≈ Absinthe Green
- 8A9FE1
≈ Azureno
Komplementarna rozszczepiona +150° +210°
- D98A7D
Indian Sunset
- 50B6A4
≈ Sacred Turquoise
- 64AADA
≈ Salem Blue
Tetrada +90° +180° +270°
- D98A7D
Indian Sunset
- 9AAB62
≈ Gallant Green
- 48B3C4
≈ Glassmith
- AB94D7
≈ Middy’s Purple
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.66:1 · APCA Lc 52
Ag
AAANa czerni
WCAG 7.88:1 · APCA Lc 50
Najlepszy kolor tekstu: #000000
WCAG 7.88:1 (AAA) · APCA Lc 50
Contrast pairs
Fragmenty kodu
CSS
:root {
--indian-sunset: #d98a7d;
--indian-sunset-rgb: 217 138 125;
--indian-sunset-oklch: oklch(0.712 0.099 29.9);
}
.element {
color: var(--indian-sunset);
background-color: hsl(8 55% 67%);
border-color: oklch(0.712 0.099 29.9);
}Tailwind CSS v4
@theme {
--color-indian-sunset: #d98a7d;
--color-indian-sunset-50: #ffece4;
--color-indian-sunset-100: #ffddd4;
--color-indian-sunset-200: #fcc5ba;
--color-indian-sunset-300: #e6a598;
--color-indian-sunset-400: #d3887b;
--color-indian-sunset-500: #bf6b5e;
--color-indian-sunset-600: #a15b50;
--color-indian-sunset-700: #824940;
--color-indian-sunset-800: #60342f;
--color-indian-sunset-900: #442420;
--color-indian-sunset-950: #2b120f;
}SCSS
$indian-sunset: #d98a7d;
$indian-sunset-rgb: 217, 138, 125;
$indian-sunset-light: mix(#fff, $indian-sunset, 20%);
$indian-sunset-dark: mix(#000, $indian-sunset, 20%);
.element {
color: $indian-sunset;
box-shadow: 0 0 0 2px rgba($indian-sunset, 0.35);
}