이름 색상 · #DD484E
Re-Entry
Re-Entry은(는) #DD484E: rgb(221 72 78), hsl(358 69% 57%), oklch(0.613 0.185 22.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Re-Entry color name →
#DD484E
oklch(0.613 0.185 22.3)
색상 변환
- HEX
- #dd484e
- RGB
- rgb(221 72 78)
- HSL
- hsl(358 69% 57%)
- HWB
- hwb(358 28% 13%)
- OKLCH
- oklch(0.613 0.185 22.3)
- OKLab
- oklab(0.613 0.171 0.07)
- CIE Lab
- lab(53.16 58.94 31.05)
- LCH
- lch(53.16 66.62 27.8)
- CMYK
- cmyk(0% 67% 65% 13%)
틴트 · 셰이드 · 톤
틴트
- E35E5F
- E97270
- EE8482
- F29693
- F6A8A5
- F9BAB6
- FCCBC8
- FEDCDA
- FFEEED
셰이드
- C03D43
- A43338
- 88292D
- 6E1F23
- 551619
- 3D0D0F
- 260607
- 110202
- 020000
톤
- D55154
- CD5959
- C4605E
- BC6664
- B36B69
- AA706D
- A07472
- 967977
- 8B7C7B
색 조화
보색 +180°
- DD484E
Re-Entry
- 00969F
≈ Peacock Feather
유사색 -30° +30°
- DD484E
Re-Entry
- D2498F
≈ Kirby
- CA6300
≈ Curry Powder
삼각 배색 +120° +240°
- DD484E
Re-Entry
- 2C9E26
≈ Grass Is Greener
- 437DF1
≈ Dodger Blue
분열 보색 +150° +210°
- DD484E
Re-Entry
- 009A7C
≈ Paolo Veronese Green
- 0090C2
≈ Blue to the Bone
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 4.10:1 · APCA Lc 67
Ag
AA검은색 위
WCAG 5.11:1 · APCA Lc 35
가장 좋은 글자색: #000000
WCAG 5.11:1 (AA) · APCA Lc 35
Contrast pairs
코드 스니펫
CSS
:root {
--re-entry: #dd484e;
--re-entry-rgb: 221 72 78;
--re-entry-oklch: oklch(0.613 0.185 22.3);
}
.element {
color: var(--re-entry);
background-color: hsl(358 69% 57%);
border-color: oklch(0.613 0.185 22.3);
}Tailwind CSS v4
@theme {
--color-re-entry: #dd484e;
--color-re-entry-50: #ffe1db;
--color-re-entry-100: #ffd0ca;
--color-re-entry-200: #ffb5ad;
--color-re-entry-300: #ff8e88;
--color-re-entry-400: #f8696b;
--color-re-entry-500: #e73f4a;
--color-re-entry-600: #c3383f;
--color-re-entry-700: #9d2c32;
--color-re-entry-800: #751e26;
--color-re-entry-900: #531419;
--color-re-entry-950: #37040a;
}SCSS
$re-entry: #dd484e;
$re-entry-rgb: 221, 72, 78;
$re-entry-light: mix(#fff, $re-entry, 20%);
$re-entry-dark: mix(#000, $re-entry, 20%);
.element {
color: $re-entry;
box-shadow: 0 0 0 2px rgba($re-entry, 0.35);
}