이름 색상 · #97495A
Haitian Flower
Haitian Flower은(는) #97495A: rgb(151 73 90), hsl(347 35% 44%), oklch(0.508 0.106 7.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Haitian Flower color name →
#97495A
oklch(0.508 0.106 7.8)
색상 변환
- HEX
- #97495a
- RGB
- rgb(151 73 90)
- HSL
- hsl(347 35% 44%)
- HWB
- hwb(347 29% 41%)
- OKLCH
- oklch(0.508 0.106 7.8)
- OKLab
- oklab(0.508 0.105 0.014)
- CIE Lab
- lab(41.66 34.68 6.11)
- LCH
- lch(41.66 35.21 10)
- CMYK
- cmyk(0% 52% 40% 41%)
틴트 · 셰이드 · 톤
틴트
- A25B69
- AE6C78
- B97E88
- C39098
- CEA2A9
- D8B4B9
- E2C6CA
- ECD9DC
- F6ECED
셰이드
- 833E4D
- 6F3441
- 5C2A35
- 492029
- 37171E
- 260E13
- 170609
- 080203
- 010000
톤
- 964F5E
- 945561
- 925B65
- 906169
- 8E666D
- 8C6B71
- 897174
- 877678
- 837B7C
색 조화
보색 +180°
- 97495A
Haitian Flower
- 00756F
≈ Mermaid Harbour
유사색 -30° +30°
- 97495A
Haitian Flower
- 8B4C7B
≈ Thistle Mauve
- 984D37
≈ Spicy Hue
삼각 배색 +120° +240°
- 97495A
Haitian Flower
- 547027
≈ Loren Forest
- 2C699F
≈ Blues
분열 보색 +150° +210°
- 97495A
Haitian Flower
- 20774D
≈ Poplar Forest
- 007188
≈ Waterworld
사각 배색 +90° +180° +270°
- 97495A
Haitian Flower
- 766500
≈ Arousing Alligator
- 00756F
≈ Mermaid Harbour
- 585EA1
≈ Violet Storm
대비 및 접근성
Ag
AA흰색 위
WCAG 6.14:1 · APCA Lc 80
Ag
Fail검은색 위
WCAG 3.41:1 · APCA Lc 22
가장 좋은 글자색: #FFFFFF
WCAG 6.14:1 (AA) · APCA Lc 80
Contrast pairs
코드 스니펫
CSS
:root {
--haitian-flower: #97495a;
--haitian-flower-rgb: 151 73 90;
--haitian-flower-oklch: oklch(0.508 0.106 7.8);
}
.element {
color: var(--haitian-flower);
background-color: hsl(347 35% 44%);
border-color: oklch(0.508 0.106 7.8);
}Tailwind CSS v4
@theme {
--color-haitian-flower: #97495a;
--color-haitian-flower-50: #ffe9ee;
--color-haitian-flower-100: #ffdae0;
--color-haitian-flower-200: #fec2ca;
--color-haitian-flower-300: #e8a1ab;
--color-haitian-flower-400: #d48493;
--color-haitian-flower-500: #c06679;
--color-haitian-flower-600: #a25766;
--color-haitian-flower-700: #824552;
--color-haitian-flower-800: #61323d;
--color-haitian-flower-900: #44222a;
--color-haitian-flower-950: #2c1117;
}SCSS
$haitian-flower: #97495a;
$haitian-flower-rgb: 151, 73, 90;
$haitian-flower-light: mix(#fff, $haitian-flower, 20%);
$haitian-flower-dark: mix(#000, $haitian-flower, 20%);
.element {
color: $haitian-flower;
box-shadow: 0 0 0 2px rgba($haitian-flower, 0.35);
}