이름 색상 · #E26B81
Cherry Brandy
Cherry Brandy은(는) #E26B81: rgb(226 107 129), hsl(349 67% 65%), oklch(0.675 0.149 10.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Cherry Brandy color name →
#E26B81
oklch(0.675 0.149 10.4)
색상 변환
- HEX
- #e26b81
- RGB
- rgb(226 107 129)
- HSL
- hsl(349 67% 65%)
- HWB
- hwb(349 42% 11%)
- OKLCH
- oklch(0.675 0.149 10.4)
- OKLab
- oklab(0.675 0.147 0.027)
- CIE Lab
- lab(60.6 48.75 11.31)
- LCH
- lch(60.6 50.04 13.1)
- CMYK
- cmyk(0% 53% 43% 11%)
틴트 · 셰이드 · 톤
틴트
- E77B8D
- EB8A99
- EF99A5
- F3A8B2
- F6B6BE
- F9C5CB
- FBD3D8
- FDE2E5
- FEF0F2
셰이드
- C45C6F
- A84E5E
- 8C3F4E
- 71323E
- 57252E
- 3E181F
- 270D12
- 120406
- 030001
톤
- D96E81
- D07181
- C67481
- BD7681
- B47981
- AA7A81
- A07C80
- 967E80
- 8B7F80
색 조화
보색 +180°
- E26B81
Cherry Brandy
- 00ADA7
≈ Teal Me No Lies
유사색 -30° +30°
- E26B81
Cherry Brandy
- D26FB3
≈ Sky Magenta
- E2734A
≈ Knockout Orange
삼각 배색 +120° +240°
- E26B81
Cherry Brandy
- 77A83B
≈ Leaf
- 459BEE
≈ Perfect Days
분열 보색 +150° +210°
- E26B81
Cherry Brandy
- 10B277
≈ Green Teal
- 00A7CB
≈ Gummy Dolphins
사각 배색 +90° +180° +270°
- E26B81
Cherry Brandy
- AB9800
≈ Nuclear Fallout
- 00ADA7
≈ Teal Me No Lies
- 878AF0
≈ Lavender Blue Shadow
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.15:1 · APCA Lc 58
Ag
AA검은색 위
WCAG 6.65:1 · APCA Lc 44
가장 좋은 글자색: #000000
WCAG 6.65:1 (AA) · APCA Lc 44
Contrast pairs
코드 스니펫
CSS
:root {
--cherry-brandy: #e26b81;
--cherry-brandy-rgb: 226 107 129;
--cherry-brandy-oklch: oklch(0.675 0.149 10.4);
}
.element {
color: var(--cherry-brandy);
background-color: hsl(349 67% 65%);
border-color: oklch(0.675 0.149 10.4);
}Tailwind CSS v4
@theme {
--color-cherry-brandy: #e26b81;
--color-cherry-brandy-50: #ffe4e9;
--color-cherry-brandy-100: #ffd4da;
--color-cherry-brandy-200: #ffbac3;
--color-cherry-brandy-300: #f996a2;
--color-cherry-brandy-400: #e7768a;
--color-cherry-brandy-500: #d5536f;
--color-cherry-brandy-600: #b4475e;
--color-cherry-brandy-700: #91394b;
--color-cherry-brandy-800: #6b2838;
--color-cherry-brandy-900: #4c1b26;
--color-cherry-brandy-950: #320b15;
}SCSS
$cherry-brandy: #e26b81;
$cherry-brandy-rgb: 226, 107, 129;
$cherry-brandy-light: mix(#fff, $cherry-brandy, 20%);
$cherry-brandy-dark: mix(#000, $cherry-brandy, 20%);
.element {
color: $cherry-brandy;
box-shadow: 0 0 0 2px rgba($cherry-brandy, 0.35);
}