Nazwany kolor · #FF2255
Pure Hedonist
Pure Hedonist to #FF2255: rgb(255 34 85), hsl(346 100% 57%), oklch(0.644 0.244 16.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Pure Hedonist color name →
#FF2255
oklch(0.644 0.244 16.9)
Konwersje koloru
- HEX
- #ff2255
- RGB
- rgb(255 34 85)
- HSL
- hsl(346 100% 57%)
- HWB
- hwb(346 13% 0%)
- OKLCH
- oklch(0.644 0.244 16.9)
- OKLab
- oklab(0.644 0.234 0.071)
- CIE Lab
- lab(56.03 78.83 32.18)
- LCH
- lch(56.03 85.15 22.2)
- CMYK
- cmyk(0% 87% 67% 0%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FF4966
- FF6476
- FF7B87
- FF9098
- FFA3A8
- FFB6B9
- FFC9CA
- FFDBDC
- FFEDED
Odcienie ciemniejsze
- DE1C49
- BE163D
- 9E1131
- 800B26
- 63071C
- 480311
- 2E0108
- 160002
- 030000
Tony
- F43A5A
- E9495F
- DD5463
- D15E68
- C5656C
- B96C70
- AC7274
- 9E7778
- 907C7C
Harmonie kolorów
Komplementarna +180°
- FF2255
Pure Hedonist
- 00A1A4
≈ Pleasant Stream
Analogowa -30° +30°
- FF2255
Pure Hedonist
- EC30AA
≈ Pink Bite
- E06200
≈ Tiger Moth Orange
Triada +120° +240°
- FF2255
Pure Hedonist
- 4BA600
≈ Prairie Green
- 318BFF
≈ Pool Water
Komplementarna rozszczepiona +150° +210°
- FF2255
Pure Hedonist
- 00A67C
≈ Active Green
- 009BC8
≈ Isle of Capri
Tetrada +90° +180° +270°
- FF2255
Pure Hedonist
- 989200
≈ Smoothie Green
- 00A1A4
≈ Pleasant Stream
- 8972FF
≈ Blackthorn Berry
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.74:1 · APCA Lc 63
Ag
AANa czerni
WCAG 5.61:1 · APCA Lc 39
Najlepszy kolor tekstu: #000000
WCAG 5.61:1 (AA) · APCA Lc 39
Contrast pairs
Fragmenty kodu
CSS
:root {
--pure-hedonist: #ff2255;
--pure-hedonist-rgb: 255 34 85;
--pure-hedonist-oklch: oklch(0.644 0.244 16.9);
}
.element {
color: var(--pure-hedonist);
background-color: hsl(346 100% 57%);
border-color: oklch(0.644 0.244 16.9);
}Tailwind CSS v4
@theme {
--color-pure-hedonist: #ff2255;
--color-pure-hedonist-50: #ffd9da;
--color-pure-hedonist-100: #ffc6c8;
--color-pure-hedonist-200: #ffa6ab;
--color-pure-hedonist-300: #ff7a85;
--color-pure-hedonist-400: #ff4969;
--color-pure-hedonist-500: #ff0047;
--color-pure-hedonist-600: #d7003d;
--color-pure-hedonist-700: #ad0031;
--color-pure-hedonist-800: #820026;
--color-pure-hedonist-900: #5c0019;
--color-pure-hedonist-950: #3e000a;
}SCSS
$pure-hedonist: #ff2255;
$pure-hedonist-rgb: 255, 34, 85;
$pure-hedonist-light: mix(#fff, $pure-hedonist, 20%);
$pure-hedonist-dark: mix(#000, $pure-hedonist, 20%);
.element {
color: $pure-hedonist;
box-shadow: 0 0 0 2px rgba($pure-hedonist, 0.35);
}