이름 색상 · #FF017F
Berry Blast
Berry Blast은(는) #FF017F: rgb(255 1 127), hsl(330 100% 50%), oklch(0.645 0.26 2.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Berry Blast color name →
#FF017F
oklch(0.645 0.26 2.8)
색상 변환
- HEX
- #ff017f
- RGB
- rgb(255 1 127)
- HSL
- hsl(330 100% 50%)
- HWB
- hwb(330 0% 0%)
- OKLCH
- oklch(0.645 0.26 2.8)
- OKLab
- oklab(0.645 0.26 0.013)
- CIE Lab
- lab(55.64 83.72 6.45)
- LCH
- lch(55.64 83.97 4.4)
- CMYK
- cmyk(0% 100% 50% 0%)
틴트 · 셰이드 · 톤
틴트
- FF408B
- FF5D97
- FF76A4
- FF8CB0
- FFA0BD
- FFB4CA
- FFC7D7
- FFDAE4
- FFECF2
셰이드
- DE016E
- BE015D
- 9E004C
- 80003C
- 63002D
- 48001F
- 2E0011
- 160006
- 030001
톤
- F42E7F
- E9417F
- DD4E7F
- D2597F
- C56280
- B96A80
- AC7080
- 9E7680
- 907B80
색 조화
보색 +180°
- FF017F
Berry Blast
- 00A494
≈ Tropical Sea
유사색 -30° +30°
- FF017F
Berry Blast
- E131D0
≈ Méi Gūi Zǐ Purple
- FE3400
≈ Boiling Magma
삼각 배색 +120° +240°
- FF017F
Berry Blast
- 7D9C00
≈ Luminescent Green
- 0096E4
≈ Atmosphere
분열 보색 +150° +210°
- FF017F
Berry Blast
- 00A959
≈ Rita Repulsa
- 009FB6
≈ January Blue
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.77:1 · APCA Lc 62
Ag
AA검은색 위
WCAG 5.56:1 · APCA Lc 39
가장 좋은 글자색: #000000
WCAG 5.56:1 (AA) · APCA Lc 39
Contrast pairs
코드 스니펫
CSS
:root {
--berry-blast: #ff017f;
--berry-blast-rgb: 255 1 127;
--berry-blast-oklch: oklch(0.645 0.26 2.8);
}
.element {
color: var(--berry-blast);
background-color: hsl(330 100% 50%);
border-color: oklch(0.645 0.26 2.8);
}Tailwind CSS v4
@theme {
--color-berry-blast: #ff017f;
--color-berry-blast-50: #ffd6eb;
--color-berry-blast-100: #ffc3dc;
--color-berry-blast-200: #ffa1c6;
--color-berry-blast-300: #ff73a6;
--color-berry-blast-400: #ff3d90;
--color-berry-blast-500: #fe0076;
--color-berry-blast-600: #d70064;
--color-berry-blast-700: #ad0050;
--color-berry-blast-800: #81003d;
--color-berry-blast-900: #5b002a;
--color-berry-blast-950: #3d0018;
}SCSS
$berry-blast: #ff017f;
$berry-blast-rgb: 255, 1, 127;
$berry-blast-light: mix(#fff, $berry-blast, 20%);
$berry-blast-dark: mix(#000, $berry-blast, 20%);
.element {
color: $berry-blast;
box-shadow: 0 0 0 2px rgba($berry-blast, 0.35);
}