가장 가까운 이름 색상 · #D3839F
#D3839F
가장 가까운 이름 색상: Primrose
#D3839F(rgb(211 131 159), hsl(339 48% 67%), oklch(0.702 0.104 357.6))와 가장 가까운 이름 색상은 Primrose입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#D3839F
oklch(0.702 0.104 357.6)
색상 변환
- HEX
- #d3839f
- RGB
- rgb(211 131 159)
- HSL
- hsl(339 48% 67%)
- HWB
- hwb(339 51% 17%)
- OKLCH
- oklch(0.702 0.104 357.6)
- OKLab
- oklab(0.702 0.104 -0.004)
- CIE Lab
- lab(64.05 34.28 -1.26)
- LCH
- lch(64.05 34.3 357.9)
- CMYK
- cmyk(0% 38% 25% 17%)
틴트 · 셰이드 · 톤
틴트
- D88FA8
- DD9CB2
- E2A8BB
- E7B4C4
- ECC1CE
- F0CDD8
- F4D9E1
- F8E6EB
- FCF2F5
셰이드
- B7718A
- 9C6075
- 824F61
- 693F4D
- 512F3B
- 3A2029
- 241218
- 100609
- 020101
톤
- CB839C
- C38399
- BB8396
- B38392
- AA838F
- A2828C
- 9A8289
- 918186
- 898183
색 조화
보색 +180°
- D3839F
Primrose
- 48B49E
≈ Sacred Turquoise
유사색 -30° +30°
- D3839F
Primrose
- C287C0
≈ Dragonflies
- D8857B
≈ Island Coral
삼각 배색 +120° +240°
- D3839F
Primrose
- 9AA85A
≈ Springtide Melodies
- 5AA8D8
≈ Cousteau
분열 보색 +150° +210°
- D3839F
Primrose
- 71B179
≈ Appleton
- 3CB1C0
≈ Lago Blue
사각 배색 +90° +180° +270°
- D3839F
Primrose
- BA9B4D
≈ Brown Rum
- 48B49E
≈ Sacred Turquoise
- 839DE0
≈ Portage
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.79:1 · APCA Lc 54
Ag
AAA검은색 위
WCAG 7.51:1 · APCA Lc 48
가장 좋은 글자색: #000000
WCAG 7.51:1 (AAA) · APCA Lc 48
Contrast pairs
코드 스니펫
CSS
:root {
--primrose: #d3839f;
--primrose-rgb: 211 131 159;
--primrose-oklch: oklch(0.702 0.104 357.6);
}
.element {
color: var(--primrose);
background-color: hsl(339 48% 67%);
border-color: oklch(0.702 0.104 357.6);
}Tailwind CSS v4
@theme {
--color-primrose: #d3839f;
--color-primrose-50: #ffe9f4;
--color-primrose-100: #ffdae7;
--color-primrose-200: #fbc2d3;
--color-primrose-300: #e4a1b5;
--color-primrose-400: #d0849f;
--color-primrose-500: #bc6786;
--color-primrose-600: #9f5872;
--color-primrose-700: #80465b;
--color-primrose-800: #5e3244;
--color-primrose-900: #42222f;
--color-primrose-950: #2a111b;
}SCSS
$primrose: #d3839f;
$primrose-rgb: 211, 131, 159;
$primrose-light: mix(#fff, $primrose, 20%);
$primrose-dark: mix(#000, $primrose, 20%);
.element {
color: $primrose;
box-shadow: 0 0 0 2px rgba($primrose, 0.35);
}