Nazwany kolor · #FF7A83
Anime Blush
Anime Blush to #FF7A83: rgb(255 122 131), hsl(356 100% 74%), oklch(0.737 0.162 17.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Anime Blush color name →
#FF7A83
oklch(0.737 0.162 17.7)
Konwersje koloru
- HEX
- #ff7a83
- RGB
- rgb(255 122 131)
- HSL
- hsl(356 100% 74%)
- HWB
- hwb(356 48% 0%)
- OKLCH
- oklch(0.737 0.162 17.7)
- OKLab
- oklab(0.737 0.154 0.049)
- CIE Lab
- lab(67.71 52.21 20.69)
- LCH
- lch(67.71 56.16 21.6)
- CMYK
- cmyk(0% 52% 49% 0%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FF898F
- FF979B
- FFA4A7
- FFB2B4
- FFBFC0
- FFCCCC
- FFD9D9
- FFE5E5
- FFF2F2
Odcienie ciemniejsze
- DE6971
- BE5960
- 9E494F
- 803A3F
- 632B2F
- 481D20
- 2E1012
- 160506
- 030101
Tony
- F37C83
- E77E83
- DA7F83
- CE8082
- C28082
- B58182
- A88181
- 9B8181
- 8E8180
Harmonie kolorów
Komplementarna +180°
- FF7A83
Anime Blush
- 00C1C6
≈ Cala Benirrás Blue
Analogowa -30° +30°
- FF7A83
Anime Blush
- F17BBC
≈ Persian Pink
- FA8544
≈ Sunset Yellow
Triada +120° +240°
- FF7A83
Anime Blush
- 74C155
≈ Taurus Forest Fern
- 71ABFF
≈ Fennel Flower
Komplementarna rozszczepiona +150° +210°
- FF7A83
Anime Blush
- 00C797
≈ Caribbean Green
- 00BAF0
≈ Blue Bikini
Tetrada +90° +180° +270°
- FF7A83
Anime Blush
- B5B000
≈ Citronelle
- 00C1C6
≈ Cala Benirrás Blue
- A69AFF
≈ Cobalite
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.51:1 · APCA Lc 49
Ag
AAANa czerni
WCAG 8.36:1 · APCA Lc 53
Najlepszy kolor tekstu: #000000
WCAG 8.36:1 (AAA) · APCA Lc 53
Contrast pairs
Fragmenty kodu
CSS
:root {
--anime-blush: #ff7a83;
--anime-blush-rgb: 255 122 131;
--anime-blush-oklch: oklch(0.737 0.162 17.7);
}
.element {
color: var(--anime-blush);
background-color: hsl(356 100% 74%);
border-color: oklch(0.737 0.162 17.7);
}Tailwind CSS v4
@theme {
--color-anime-blush: #ff7a83;
--color-anime-blush-50: #ffe3e2;
--color-anime-blush-100: #ffd3d2;
--color-anime-blush-200: #ffb8b8;
--color-anime-blush-300: #ff9495;
--color-anime-blush-400: #ee727a;
--color-anime-blush-500: #dc4d5d;
--color-anime-blush-600: #ba424f;
--color-anime-blush-700: #96353f;
--color-anime-blush-800: #6f252f;
--color-anime-blush-900: #4f1920;
--color-anime-blush-950: #34080f;
}SCSS
$anime-blush: #ff7a83;
$anime-blush-rgb: 255, 122, 131;
$anime-blush-light: mix(#fff, $anime-blush, 20%);
$anime-blush-dark: mix(#000, $anime-blush, 20%);
.element {
color: $anime-blush;
box-shadow: 0 0 0 2px rgba($anime-blush, 0.35);
}