이름 색상 · #EB6651
Connect Red
Connect Red은(는) #EB6651: rgb(235 102 81), hsl(8 79% 62%), oklch(0.671 0.169 31). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Connect Red color name →
#EB6651
oklch(0.671 0.169 31)
색상 변환
- HEX
- #eb6651
- RGB
- rgb(235 102 81)
- HSL
- hsl(8 79% 62%)
- HWB
- hwb(8 32% 8%)
- OKLCH
- oklch(0.671 0.169 31)
- OKLab
- oklab(0.671 0.145 0.087)
- CIE Lab
- lab(60.34 51.5 38.53)
- LCH
- lch(60.34 64.32 36.8)
- CMYK
- cmyk(0% 57% 66% 8%)
틴트 · 셰이드 · 톤
틴트
- EF7763
- F38774
- F69785
- F9A697
- FBB5A8
- FDC4B9
- FED3CA
- FFE2DC
- FFF0ED
셰이드
- CC5845
- AE4A3A
- 913C2F
- 752F24
- 5B231A
- 411710
- 290C07
- 130402
- 030000
톤
- E16A57
- D76E5C
- CD7262
- C37567
- B8776B
- AE7A70
- A37C74
- 987D78
- 8C7F7C
색 조화
보색 +180°
- EB6651
Connect Red
- 00A8BE
≈ Sarah’s Garden
유사색 -30° +30°
- EB6651
Connect Red
- E6628F
≈ Love Letter
- D87B00
≈ Orange Pepper
삼각 배색 +120° +240°
- EB6651
Connect Red
- 24B25C
≈ Future Hair
- 708CFC
≈ Punch Out Glove
분열 보색 +150° +210°
- EB6651
Connect Red
- 00AD9A
≈ Pool Green
- 009FEC
≈ Button Blue
사각 배색 +90° +180° +270°
- EB6651
Connect Red
- 88A300
≈ Noxious
- 00A8BE
≈ Sarah’s Garden
- A879EC
≈ Purple Illusionist
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.20:1 · APCA Lc 59
Ag
AA검은색 위
WCAG 6.55:1 · APCA Lc 43
가장 좋은 글자색: #000000
WCAG 6.55:1 (AA) · APCA Lc 43
Contrast pairs
코드 스니펫
CSS
:root {
--connect-red: #eb6651;
--connect-red-rgb: 235 102 81;
--connect-red-oklch: oklch(0.671 0.169 31);
}
.element {
color: var(--connect-red);
background-color: hsl(8 79% 62%);
border-color: oklch(0.671 0.169 31);
}Tailwind CSS v4
@theme {
--color-connect-red: #eb6651;
--color-connect-red-50: #ffe4d6;
--color-connect-red-100: #ffd4c4;
--color-connect-red-200: #ffbaa6;
--color-connect-red-300: #ff957e;
--color-connect-red-400: #f1725e;
--color-connect-red-500: #e04d38;
--color-connect-red-600: #bd4331;
--color-connect-red-700: #983527;
--color-connect-red-800: #72251d;
--color-connect-red-900: #501913;
--color-connect-red-950: #350805;
}SCSS
$connect-red: #eb6651;
$connect-red-rgb: 235, 102, 81;
$connect-red-light: mix(#fff, $connect-red, 20%);
$connect-red-dark: mix(#000, $connect-red, 20%);
.element {
color: $connect-red;
box-shadow: 0 0 0 2px rgba($connect-red, 0.35);
}