이름 색상 · #DB372A
Poinciana
Poinciana은(는) #DB372A: rgb(219 55 42), hsl(4 71% 51%), oklch(0.588 0.202 29.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Poinciana color name →
#DB372A
oklch(0.588 0.202 29.2)
색상 변환
- HEX
- #db372a
- RGB
- rgb(219 55 42)
- HSL
- hsl(4 71% 51%)
- HWB
- hwb(4 16% 14%)
- OKLCH
- oklch(0.588 0.202 29.2)
- OKLab
- oklab(0.588 0.177 0.099)
- CIE Lab
- lab(50.26 63.03 47.91)
- LCH
- lch(50.26 79.17 37.2)
- CMYK
- cmyk(0% 75% 81% 14%)
틴트 · 셰이드 · 톤
틴트
- E25242
- E86858
- ED7C6D
- F29082
- F6A396
- F9B6AB
- FCC8BF
- FEDAD4
- FFEDEA
셰이드
- BE2E23
- A2261C
- 871E16
- 6D1610
- 540F0A
- 3C0805
- 260302
- 110101
- 020000
톤
- D34436
- CC4F40
- C4574A
- BB5F52
- B3665B
- AA6C63
- A0726A
- 967772
- 8C7C79
색 조화
보색 +180°
- DB372A
Poinciana
- 008D9D
≈ Coral Coast
유사색 -30° +30°
- DB372A
Poinciana
- D33379
≈ Fuchsia Purple
- B76400
≈ Umber
삼각 배색 +120° +240°
- DB372A
Poinciana
- 009641
≈ Green Revolution
- 4E6EF3
≈ Flickering Sea
분열 보색 +150° +210°
- DB372A
Poinciana
- 00917E
≈ Miami Jade
- 0085C2
≈ Ibiza Blue
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
AA흰색 위
WCAG 4.57:1 · APCA Lc 70
Ag
AA검은색 위
WCAG 4.59:1 · APCA Lc 31
가장 좋은 글자색: #000000
WCAG 4.59:1 (AA) · APCA Lc 31
Contrast pairs
코드 스니펫
CSS
:root {
--poinciana: #db372a;
--poinciana-rgb: 219 55 42;
--poinciana-oklch: oklch(0.588 0.202 29.2);
}
.element {
color: var(--poinciana);
background-color: hsl(4 71% 51%);
border-color: oklch(0.588 0.202 29.2);
}Tailwind CSS v4
@theme {
--color-poinciana: #db372a;
--color-poinciana-50: #ffe0d2;
--color-poinciana-100: #ffcfbf;
--color-poinciana-200: #ffb39e;
--color-poinciana-300: #ff8c75;
--color-poinciana-400: #ff6453;
--color-poinciana-500: #ef3427;
--color-poinciana-600: #c92f24;
--color-poinciana-700: #a2261c;
--color-poinciana-800: #791916;
--color-poinciana-900: #56100e;
--color-poinciana-950: #390203;
}SCSS
$poinciana: #db372a;
$poinciana-rgb: 219, 55, 42;
$poinciana-light: mix(#fff, $poinciana, 20%);
$poinciana-dark: mix(#000, $poinciana, 20%);
.element {
color: $poinciana;
box-shadow: 0 0 0 2px rgba($poinciana, 0.35);
}