Nazwany kolor · #FC5A50
Algerian Coral
Algerian Coral to #FC5A50: rgb(252 90 80), hsl(3 97% 65%), oklch(0.682 0.199 27.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Algerian Coral color name →
#FC5A50
oklch(0.682 0.199 27.2)
Konwersje koloru
- HEX
- #fc5a50
- RGB
- rgb(252 90 80)
- HSL
- hsl(3 97% 65%)
- HWB
- hwb(3 31% 1%)
- OKLCH
- oklch(0.682 0.199 27.2)
- OKLab
- oklab(0.682 0.177 0.091)
- CIE Lab
- lab(61.2 62.22 40.93)
- LCH
- lch(61.2 74.48 33.3)
- CMYK
- cmyk(0% 64% 68% 1%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FF6E62
- FF8074
- FF9185
- FFA296
- FFB2A8
- FFC2B9
- FFD1CA
- FFE1DC
- FFF0ED
Odcienie ciemniejsze
- DB4D44
- BB4139
- 9C352E
- 7E2924
- 621E1A
- 471310
- 2D0907
- 160302
- 030000
Tony
- F16156
- E5675C
- D96C61
- CE7066
- C2746B
- B57770
- A97A74
- 9C7C78
- 8E7E7C
Harmonie kolorów
Komplementarna +180°
- FC5A50
Algerian Coral
- 00ADBE
≈ Bahaman Sea
Analogowa -30° +30°
- FC5A50
Algerian Coral
- F3579A
≈ Oleander Pink
- E27900
≈ First of Fall
Triada +120° +240°
- FC5A50
Algerian Coral
- 0CB846
≈ Anaheim Pepper
- 6B92FF
≈ Blue Chaos
Komplementarna rozszczepiona +150° +210°
- FC5A50
Algerian Coral
- 00B298
≈ Aloha
- 00A4E9
≈ Vanadyl Blue
Tetrada +90° +180° +270°
- FC5A50
Algerian Coral
- 93A400
≈ Noxious
- 00ADBE
≈ Bahaman Sea
- A879FF
≈ Purple Illusionist
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.12:1 · APCA Lc 57
Ag
AANa czerni
WCAG 6.71:1 · APCA Lc 44
Najlepszy kolor tekstu: #000000
WCAG 6.71:1 (AA) · APCA Lc 44
Contrast pairs
Fragmenty kodu
CSS
:root {
--algerian-coral: #fc5a50;
--algerian-coral-rgb: 252 90 80;
--algerian-coral-oklch: oklch(0.682 0.199 27.2);
}
.element {
color: var(--algerian-coral);
background-color: hsl(3 97% 65%);
border-color: oklch(0.682 0.199 27.2);
}Tailwind CSS v4
@theme {
--color-algerian-coral: #fc5a50;
--color-algerian-coral-50: #ffe0d4;
--color-algerian-coral-100: #ffcfc2;
--color-algerian-coral-200: #ffb3a2;
--color-algerian-coral-300: #ff8c7a;
--color-algerian-coral-400: #fe655a;
--color-algerian-coral-500: #ed3633;
--color-algerian-coral-600: #c8302c;
--color-algerian-coral-700: #a12723;
--color-algerian-coral-800: #791a1b;
--color-algerian-coral-900: #551112;
--color-algerian-coral-950: #390204;
}SCSS
$algerian-coral: #fc5a50;
$algerian-coral-rgb: 252, 90, 80;
$algerian-coral-light: mix(#fff, $algerian-coral, 20%);
$algerian-coral-dark: mix(#000, $algerian-coral, 20%);
.element {
color: $algerian-coral;
box-shadow: 0 0 0 2px rgba($algerian-coral, 0.35);
}