Nazwany kolor · #FF0059
New York Sunset
New York Sunset to #FF0059: rgb(255 0 89), hsl(339 100% 50%), oklch(0.636 0.254 14.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · New York Sunset color name →
#FF0059
oklch(0.636 0.254 14.3)
Konwersje koloru
- HEX
- #ff0059
- RGB
- rgb(255 0 89)
- HSL
- hsl(339 100% 50%)
- HWB
- hwb(339 0% 0%)
- OKLCH
- oklch(0.636 0.254 14.3)
- OKLab
- oklab(0.636 0.246 0.063)
- CIE Lab
- lab(54.92 82.23 28.43)
- LCH
- lch(54.92 87 19.1)
- CMYK
- cmyk(0% 100% 65% 0%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FF3F69
- FF5D79
- FF7689
- FF8C99
- FFA0AA
- FFB4BB
- FFC7CB
- FFDADC
- FFEDEE
Odcienie ciemniejsze
- DE004C
- BE0040
- 9E0034
- 800028
- 63001D
- 480013
- 2E0009
- 160003
- 030000
Tony
- F42E5D
- E94162
- DD4E66
- D2596A
- C6626E
- B96A71
- AC7075
- 9F7679
- 907B7C
Harmonie kolorów
Komplementarna +180°
- FF0059
New York Sunset
- 009F9F
≈ Pleasant Stream
Analogowa -30° +30°
- FF0059
New York Sunset
- EA24AF
≈ Magnificent Magenta
- E15B00
≈ Tobiko Orange
Triada +120° +240°
- FF0059
New York Sunset
- 57A100
≈ Prairie Green
- 1089FF
≈ Too Blue to Be True
Komplementarna rozszczepiona +150° +210°
- FF0059
New York Sunset
- 00A475
≈ Bluish Green
- 0099C1
≈ Sea Wonder
Tetrada +90° +180° +270°
- FF0059
New York Sunset
- 998E00
≈ Smoothie Green
- 009F9F
≈ Pleasant Stream
- 8171FF
≈ Blackthorn Berry
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.89:1 · APCA Lc 63
Ag
AANa czerni
WCAG 5.39:1 · APCA Lc 38
Najlepszy kolor tekstu: #000000
WCAG 5.39:1 (AA) · APCA Lc 38
Contrast pairs
Fragmenty kodu
CSS
:root {
--new-york-sunset: #ff0059;
--new-york-sunset-rgb: 255 0 89;
--new-york-sunset-oklch: oklch(0.636 0.254 14.3);
}
.element {
color: var(--new-york-sunset);
background-color: hsl(339 100% 50%);
border-color: oklch(0.636 0.254 14.3);
}Tailwind CSS v4
@theme {
--color-new-york-sunset: #ff0059;
--color-new-york-sunset-50: #ffd8dc;
--color-new-york-sunset-100: #ffc4ca;
--color-new-york-sunset-200: #ffa4ae;
--color-new-york-sunset-300: #ff7689;
--color-new-york-sunset-400: #ff416e;
--color-new-york-sunset-500: #ff004f;
--color-new-york-sunset-600: #da0043;
--color-new-york-sunset-700: #b00035;
--color-new-york-sunset-800: #830029;
--color-new-york-sunset-900: #5d001c;
--color-new-york-sunset-950: #3f000c;
}SCSS
$new-york-sunset: #ff0059;
$new-york-sunset-rgb: 255, 0, 89;
$new-york-sunset-light: mix(#fff, $new-york-sunset, 20%);
$new-york-sunset-dark: mix(#000, $new-york-sunset, 20%);
.element {
color: $new-york-sunset;
box-shadow: 0 0 0 2px rgba($new-york-sunset, 0.35);
}