이름 색상 · #F2666C
Usubeni Red
Usubeni Red은(는) #F2666C: rgb(242 102 108), hsl(357 84% 67%), oklch(0.686 0.173 20.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Usubeni Red color name →
#F2666C
oklch(0.686 0.173 20.3)
색상 변환
- HEX
- #f2666c
- RGB
- rgb(242 102 108)
- HSL
- hsl(357 84% 67%)
- HWB
- hwb(357 40% 5%)
- OKLCH
- oklch(0.686 0.173 20.3)
- OKLab
- oklab(0.686 0.162 0.06)
- CIE Lab
- lab(61.82 55.21 25.5)
- LCH
- lch(61.82 60.81 24.8)
- CMYK
- cmyk(0% 58% 55% 5%)
틴트 · 셰이드 · 톤
틴트
- F6777A
- F98789
- FB9797
- FEA6A5
- FFB5B4
- FFC4C3
- FFD3D2
- FFE2E1
- FFF0F0
셰이드
- D2585D
- B44A4E
- 963C40
- 792F32
- 5E2325
- 431719
- 2B0C0D
- 140404
- 030000
톤
- E76B6E
- DD6E71
- D27273
- C77575
- BC7877
- B17A79
- A57C7B
- 997D7D
- 8D7F7E
색 조화
보색 +180°
- F2666C
Usubeni Red
- 00AFB7
≈ Mermaid Treasure
유사색 -30° +30°
- F2666C
Usubeni Red
- E667A9
≈ Fugitive Flamingo
- EB741A
≈ Orange Gluttony
삼각 배색 +120° +240°
- F2666C
Usubeni Red
- 57B344
≈ Sour Candy
- 5B98FF
≈ Blue Chaos
분열 보색 +150° +210°
- F2666C
Usubeni Red
- 00B58E
≈ Chromophobia Green
- 00A8DE
≈ Blue Fire
사각 배색 +90° +180° +270°
- F2666C
Usubeni Red
- A0A100
≈ Fistfull of Green
- 00AFB7
≈ Mermaid Treasure
- 9B83FC
≈ Periwinkle
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.04:1 · APCA Lc 57
Ag
AA검은색 위
WCAG 6.89:1 · APCA Lc 45
가장 좋은 글자색: #000000
WCAG 6.89:1 (AA) · APCA Lc 45
Contrast pairs
코드 스니펫
CSS
:root {
--usubeni-red: #f2666c;
--usubeni-red-rgb: 242 102 108;
--usubeni-red-oklch: oklch(0.686 0.173 20.3);
}
.element {
color: var(--usubeni-red);
background-color: hsl(357 84% 67%);
border-color: oklch(0.686 0.173 20.3);
}Tailwind CSS v4
@theme {
--color-usubeni-red: #f2666c;
--color-usubeni-red-50: #ffe2df;
--color-usubeni-red-100: #ffd2ce;
--color-usubeni-red-200: #ffb7b3;
--color-usubeni-red-300: #ff928f;
--color-usubeni-red-400: #f36e73;
--color-usubeni-red-500: #e14754;
--color-usubeni-red-600: #be3e47;
--color-usubeni-red-700: #993139;
--color-usubeni-red-800: #72222b;
--color-usubeni-red-900: #51171d;
--color-usubeni-red-950: #35070d;
}SCSS
$usubeni-red: #f2666c;
$usubeni-red-rgb: 242, 102, 108;
$usubeni-red-light: mix(#fff, $usubeni-red, 20%);
$usubeni-red-dark: mix(#000, $usubeni-red, 20%);
.element {
color: $usubeni-red;
box-shadow: 0 0 0 2px rgba($usubeni-red, 0.35);
}