이름 색상 · #FC5A50
Algerian Coral
Algerian Coral은(는) #FC5A50: rgb(252 90 80), hsl(3 97% 65%), oklch(0.682 0.199 27.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Algerian Coral color name →
#FC5A50
oklch(0.682 0.199 27.2)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- FF6E62
- FF8074
- FF9185
- FFA296
- FFB2A8
- FFC2B9
- FFD1CA
- FFE1DC
- FFF0ED
셰이드
- DB4D44
- BB4139
- 9C352E
- 7E2924
- 621E1A
- 471310
- 2D0907
- 160302
- 030000
톤
- F16156
- E5675C
- D96C61
- CE7066
- C2746B
- B57770
- A97A74
- 9C7C78
- 8E7E7C
색 조화
보색 +180°
- FC5A50
Algerian Coral
- 00ADBE
≈ Bahaman Sea
유사색 -30° +30°
- FC5A50
Algerian Coral
- F3579A
≈ Oleander Pink
- E27900
≈ First of Fall
삼각 배색 +120° +240°
- FC5A50
Algerian Coral
- 0CB846
≈ Anaheim Pepper
- 6B92FF
≈ Blue Chaos
분열 보색 +150° +210°
- FC5A50
Algerian Coral
- 00B298
≈ Aloha
- 00A4E9
≈ Vanadyl Blue
사각 배색 +90° +180° +270°
- FC5A50
Algerian Coral
- 93A400
≈ Noxious
- 00ADBE
≈ Bahaman Sea
- A879FF
≈ Purple Illusionist
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.12:1 · APCA Lc 57
Ag
AA검은색 위
WCAG 6.71:1 · APCA Lc 44
가장 좋은 글자색: #000000
WCAG 6.71:1 (AA) · APCA Lc 44
Contrast pairs
코드 스니펫
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);
}