이름 색상 · #953D68
Dynamo
Dynamo은(는) #953D68: rgb(149 61 104), hsl(331 42% 41%), oklch(0.492 0.128 352.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Dynamo color name →
#953D68
oklch(0.492 0.128 352.3)
색상 변환
- HEX
- #953d68
- RGB
- rgb(149 61 104)
- HSL
- hsl(331 42% 41%)
- HWB
- hwb(331 24% 42%)
- OKLCH
- oklch(0.492 0.128 352.3)
- OKLab
- oklab(0.492 0.127 -0.017)
- CIE Lab
- lab(39.36 41.09 -5.96)
- LCH
- lch(39.36 41.51 351.7)
- CMYK
- cmyk(0% 59% 30% 42%)
틴트 · 셰이드 · 톤
틴트
- A15176
- AD6484
- B87693
- C389A2
- CE9CB1
- D8B0C0
- E2C3CF
- ECD7DF
- F6EBEF
셰이드
- 813459
- 6D2B4B
- 5A223E
- 481A30
- 371224
- 260A18
- 16040C
- 080104
- 010000
톤
- 94456A
- 934C6D
- 91546F
- 905A72
- 8E6174
- 8C6776
- 896E79
- 87747B
- 837A7E
색 조화
보색 +180°
- 953D68
Dynamo
- 00725B
≈ Tropical Rainforest
유사색 -30° +30°
- 953D68
Dynamo
- 82458B
≈ Prunella
- 9C3D3E
≈ Mexican Red
삼각 배색 +120° +240°
- 953D68
Dynamo
- 636600
≈ Mud Green
- 006A90
≈ Port au Prince
분열 보색 +150° +210°
- 953D68
Dynamo
- 2E7229
≈ Japanese Laurel
- 006F75
≈ Active Turquoise
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
AA흰색 위
WCAG 6.67:1 · APCA Lc 82
Ag
Fail검은색 위
WCAG 3.14:1 · APCA Lc 20
가장 좋은 글자색: #FFFFFF
WCAG 6.67:1 (AA) · APCA Lc 82
Contrast pairs
코드 스니펫
CSS
:root {
--dynamo: #953d68;
--dynamo-rgb: 149 61 104;
--dynamo-oklch: oklch(0.492 0.128 352.3);
}
.element {
color: var(--dynamo);
background-color: hsl(331 42% 41%);
border-color: oklch(0.492 0.128 352.3);
}Tailwind CSS v4
@theme {
--color-dynamo: #953d68;
--color-dynamo-50: #ffe7f7;
--color-dynamo-100: #ffd7ea;
--color-dynamo-200: #ffbed8;
--color-dynamo-300: #eb9cbb;
--color-dynamo-400: #d87da6;
--color-dynamo-500: #c45e8e;
--color-dynamo-600: #a65078;
--color-dynamo-700: #854060;
--color-dynamo-800: #622e48;
--color-dynamo-900: #451f32;
--color-dynamo-950: #2c0e1e;
}SCSS
$dynamo: #953d68;
$dynamo-rgb: 149, 61, 104;
$dynamo-light: mix(#fff, $dynamo, 20%);
$dynamo-dark: mix(#000, $dynamo, 20%);
.element {
color: $dynamo;
box-shadow: 0 0 0 2px rgba($dynamo, 0.35);
}