이름 색상 · #FE314B
Cherry Paddle Pop
Cherry Paddle Pop은(는) #FE314B: rgb(254 49 75), hsl(352 99% 59%), oklch(0.649 0.235 21.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Cherry Paddle Pop color name →
#FE314B
oklch(0.649 0.235 21.1)
색상 변환
- HEX
- #fe314b
- RGB
- rgb(254 49 75)
- HSL
- hsl(352 99% 59%)
- HWB
- hwb(352 19% 0%)
- OKLCH
- oklch(0.649 0.235 21.1)
- OKLab
- oklab(0.649 0.22 0.085)
- CIE Lab
- lab(56.76 75.37 38.83)
- LCH
- lch(56.76 84.78 27.3)
- CMYK
- cmyk(0% 81% 70% 0%)
틴트 · 셰이드 · 톤
틴트
- FF515D
- FF6A6F
- FF7F81
- FF9393
- FFA6A4
- FFB8B6
- FFCAC8
- FFDCDA
- FFEEED
셰이드
- DD2940
- BD2235
- 9E1A2B
- 801321
- 630C17
- 47060E
- 2D0306
- 160102
- 030000
톤
- F34252
- E84F58
- DC595D
- D06163
- C46868
- B86E6D
- AB7472
- 9E7877
- 8F7C7B
색 조화
보색 +180°
- FE314B
Cherry Paddle Pop
- 00A2AA
≈ Aare River Brienz
유사색 -30° +30°
- FE314B
Cherry Paddle Pop
- EF36A0
≈ Pink Bite
- DC6A00
≈ Apple II Chocolate
삼각 배색 +120° +240°
- FE314B
Cherry Paddle Pop
- 27AC00
≈ Vegetarian
- 4889FF
≈ Bleuchâtel Blue
분열 보색 +150° +210°
- FE314B
Cherry Paddle Pop
- 00A784
≈ Active Green
- 009CCF
≈ Structural Blue
사각 배색 +90° +180° +270°
- FE314B
Cherry Paddle Pop
- 939600
≈ Turtle Moss
- 00A2AA
≈ Aare River Brienz
- 9370FF
≈ Blackthorn Berry
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.64:1 · APCA Lc 62
Ag
AA검은색 위
WCAG 5.75:1 · APCA Lc 39
가장 좋은 글자색: #000000
WCAG 5.75:1 (AA) · APCA Lc 39
Contrast pairs
코드 스니펫
CSS
:root {
--cherry-paddle-pop: #fe314b;
--cherry-paddle-pop-rgb: 254 49 75;
--cherry-paddle-pop-oklch: oklch(0.649 0.235 21.1);
}
.element {
color: var(--cherry-paddle-pop);
background-color: hsl(352 99% 59%);
border-color: oklch(0.649 0.235 21.1);
}Tailwind CSS v4
@theme {
--color-cherry-paddle-pop: #fe314b;
--color-cherry-paddle-pop-50: #ffdbd6;
--color-cherry-paddle-pop-100: #ffc9c3;
--color-cherry-paddle-pop-200: #ffa9a4;
--color-cherry-paddle-pop-300: #ff7e7d;
--color-cherry-paddle-pop-400: #ff505e;
--color-cherry-paddle-pop-500: #fc003a;
--color-cherry-paddle-pop-600: #d50032;
--color-cherry-paddle-pop-700: #ab0228;
--color-cherry-paddle-pop-800: #80001f;
--color-cherry-paddle-pop-900: #5b0214;
--color-cherry-paddle-pop-950: #3d0006;
}SCSS
$cherry-paddle-pop: #fe314b;
$cherry-paddle-pop-rgb: 254, 49, 75;
$cherry-paddle-pop-light: mix(#fff, $cherry-paddle-pop, 20%);
$cherry-paddle-pop-dark: mix(#000, $cherry-paddle-pop, 20%);
.element {
color: $cherry-paddle-pop;
box-shadow: 0 0 0 2px rgba($cherry-paddle-pop, 0.35);
}