이름 색상 · #FF0044
Cherry Soda
Cherry Soda은(는) #FF0044: rgb(255 0 68), hsl(344 100% 50%), oklch(0.633 0.254 19.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Cherry Soda color name →
#FF0044
oklch(0.633 0.254 19.9)
색상 변환
- HEX
- #ff0044
- RGB
- rgb(255 0 68)
- HSL
- hsl(344 100% 50%)
- HWB
- hwb(344 0% 0%)
- OKLCH
- oklch(0.633 0.254 19.9)
- OKLab
- oklab(0.633 0.239 0.086)
- CIE Lab
- lab(54.66 81.63 40.63)
- LCH
- lch(54.66 91.19 26.5)
- CMYK
- cmyk(0% 100% 73% 0%)
틴트 · 셰이드 · 톤
틴트
- FF4057
- FF5E6A
- FF767C
- FF8C8E
- FFA0A1
- FFB4B3
- FFC7C6
- FFDAD9
- FFEDEC
셰이드
- DE003A
- BE0030
- 9E0026
- 80001D
- 630014
- 48000C
- 2E0005
- 160002
- 030000
톤
- F42E4B
- E94152
- DD4F59
- D2595F
- C66265
- B96A6B
- AC7170
- 9F7676
- 907B7B
색 조화
보색 +180°
- FF0044
Cherry Soda
- 009DA3
≈ Turkish Boy
유사색 -30° +30°
- FF0044
Cherry Soda
- EE1A9F
≈ Fanatic Fuchsia
- D76400
≈ Ancient Bamboo
삼각 배색 +120° +240°
- FF0044
Cherry Soda
- 33A500
≈ Peter Pan
- 3984FF
≈ Dodger Blue
분열 보색 +150° +210°
- FF0044
Cherry Soda
- 00A27E
≈ Sport Green
- 0097C7
≈ UV Light
사각 배색 +90° +180° +270°
- FF0044
Cherry Soda
- 909000
≈ Old Asparagus
- 009DA3
≈ Turkish Boy
- 8D69FF
≈ Purple Anemone
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.93:1 · APCA Lc 64
Ag
AA검은색 위
WCAG 5.33:1 · APCA Lc 38
가장 좋은 글자색: #000000
WCAG 5.33:1 (AA) · APCA Lc 38
Contrast pairs
코드 스니펫
CSS
:root {
--cherry-soda: #ff0044;
--cherry-soda-rgb: 255 0 68;
--cherry-soda-oklch: oklch(0.633 0.254 19.9);
}
.element {
color: var(--cherry-soda);
background-color: hsl(344 100% 50%);
border-color: oklch(0.633 0.254 19.9);
}Tailwind CSS v4
@theme {
--color-cherry-soda: #ff0044;
--color-cherry-soda-50: #ffd8d5;
--color-cherry-soda-100: #ffc5c2;
--color-cherry-soda-200: #ffa5a3;
--color-cherry-soda-300: #ff777b;
--color-cherry-soda-400: #ff425c;
--color-cherry-soda-500: #ff0037;
--color-cherry-soda-600: #db0030;
--color-cherry-soda-700: #b10026;
--color-cherry-soda-800: #84001e;
--color-cherry-soda-900: #5e0014;
--color-cherry-soda-950: #3f0006;
}SCSS
$cherry-soda: #ff0044;
$cherry-soda-rgb: 255, 0, 68;
$cherry-soda-light: mix(#fff, $cherry-soda, 20%);
$cherry-soda-dark: mix(#000, $cherry-soda, 20%);
.element {
color: $cherry-soda;
box-shadow: 0 0 0 2px rgba($cherry-soda, 0.35);
}