가장 가까운 이름 색상 · #635288
#635288
가장 가까운 이름 색상: Freshly Purpleized
#635288(rgb(99 82 136), hsl(259 25% 43%), oklch(0.479 0.087 297.5))와 가장 가까운 이름 색상은 Freshly Purpleized입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#635288
oklch(0.479 0.087 297.5)
색상 변환
- HEX
- #635288
- RGB
- rgb(99 82 136)
- HSL
- hsl(259 25% 43%)
- HWB
- hwb(259 32% 47%)
- OKLCH
- oklch(0.479 0.087 297.5)
- OKLab
- oklab(0.479 0.04 -0.077)
- CIE Lab
- lab(38.41 16.59 -27.86)
- LCH
- lch(38.41 32.43 300.8)
- CMYK
- cmyk(27% 40% 0% 47%)
틴트 · 셰이드 · 톤
틴트
- 716294
- 8073A0
- 8F83AB
- 9E94B7
- ADA5C3
- BDB7CF
- CDC8DB
- DEDAE7
- EEEDF3
셰이드
- 554675
- 473B63
- 3A2F52
- 2E2541
- 211A31
- 161122
- 0B0813
- 030206
- 000001
톤
- 665788
- 685C87
- 6B6086
- 6E6586
- 716985
- 746E84
- 777383
- 7A7782
- 7D7C81
색 조화
보색 +180°
- 635288
Freshly Purpleized
- 596425
≈ Tabbouleh Green
유사색 -30° +30°
- 635288
Freshly Purpleized
- 485B8E
≈ Gem
- 774B76
≈ Cabbage Blossom Violet
삼각 배색 +120° +240°
- 635288
Freshly Purpleized
- 825027
≈ Valise
- 066D5D
≈ Forest Splendour
분열 보색 +150° +210°
- 635288
Freshly Purpleized
- 725A18
≈ Hot Mustard
- 386B40
≈ Arcala Green
사각 배색 +90° +180° +270°
- 635288
Freshly Purpleized
- 884942
≈ Henna
- 596425
≈ Tabbouleh Green
- 006A75
≈ Mary Blue
대비 및 접근성
Ag
AA흰색 위
WCAG 6.78:1 · APCA Lc 83
Ag
Fail검은색 위
WCAG 3.09:1 · APCA Lc 19
가장 좋은 글자색: #FFFFFF
WCAG 6.78:1 (AA) · APCA Lc 83
Contrast pairs
코드 스니펫
CSS
:root {
--freshly-purpleized: #635288;
--freshly-purpleized-rgb: 99 82 136;
--freshly-purpleized-oklch: oklch(0.479 0.087 297.5);
}
.element {
color: var(--freshly-purpleized);
background-color: hsl(259 25% 43%);
border-color: oklch(0.479 0.087 297.5);
}Tailwind CSS v4
@theme {
--color-freshly-purpleized: #635288;
--color-freshly-purpleized-50: #f8f0ff;
--color-freshly-purpleized-100: #ece2ff;
--color-freshly-purpleized-200: #d9cdf5;
--color-freshly-purpleized-300: #bdaede;
--color-freshly-purpleized-400: #a494cc;
--color-freshly-purpleized-500: #8d79b9;
--color-freshly-purpleized-600: #77679c;
--color-freshly-purpleized-700: #5f527d;
--color-freshly-purpleized-800: #453c5d;
--color-freshly-purpleized-900: #2f2941;
--color-freshly-purpleized-950: #1c172a;
}SCSS
$freshly-purpleized: #635288;
$freshly-purpleized-rgb: 99, 82, 136;
$freshly-purpleized-light: mix(#fff, $freshly-purpleized, 20%);
$freshly-purpleized-dark: mix(#000, $freshly-purpleized, 20%);
.element {
color: $freshly-purpleized;
box-shadow: 0 0 0 2px rgba($freshly-purpleized, 0.35);
}