이름 색상 · #575B93
Persian Plush
Persian Plush은(는) #575B93: rgb(87 91 147), hsl(236 26% 46%), oklch(0.493 0.089 279.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Blue mean? → · Persian Plush color name →
#575B93
oklch(0.493 0.089 279.5)
색상 변환
- HEX
- #575b93
- RGB
- rgb(87 91 147)
- HSL
- hsl(236 26% 46%)
- HWB
- hwb(236 34% 42%)
- OKLCH
- oklch(0.493 0.089 279.5)
- OKLab
- oklab(0.493 0.015 -0.088)
- CIE Lab
- lab(40.23 9.74 -31.75)
- LCH
- lch(40.23 33.21 287)
- CMYK
- cmyk(41% 38% 0% 42%)
틴트 · 셰이드 · 톤
틴트
- 666B9E
- 757AA9
- 858AB4
- 969ABF
- A6AAC9
- B8BBD4
- C9CCDF
- DBDDEA
- EDEEF4
셰이드
- 4B4E7F
- 3E416C
- 333559
- 272947
- 1C1E36
- 121325
- 080916
- 030308
- 000001
톤
- 5B5F91
- 5F6390
- 63678E
- 676A8D
- 6B6E8B
- 6F7289
- 737587
- 777985
- 7C7C82
색 조화
보색 +180°
- 575B93
Persian Plush
- 6E621C
≈ Greenish Brown
유사색 -30° +30°
- 575B93
Persian Plush
- 366492
≈ Teeny Bikini
- 705287
≈ Gutsy Grape
삼각 배색 +120° +240°
- 575B93
Persian Plush
- 8C4E39
≈ Remaining Embers
- 2B714F
≈ Green Velvet
분열 보색 +150° +210°
- 575B93
Persian Plush
- 825721
≈ Hot Curry
- 516B32
≈ Green Leaf
사각 배색 +90° +180° +270°
- 575B93
Persian Plush
- 8C4A56
≈ Dull Magenta
- 6E621C
≈ Greenish Brown
- 00706B
≈ Tide Pools
대비 및 접근성
Ag
AA흰색 위
WCAG 6.31:1 · APCA Lc 81
Ag
Fail검은색 위
WCAG 3.32:1 · APCA Lc 20
가장 좋은 글자색: #FFFFFF
WCAG 6.31:1 (AA) · APCA Lc 81
Contrast pairs
코드 스니펫
CSS
:root {
--persian-plush: #575b93;
--persian-plush-rgb: 87 91 147;
--persian-plush-oklch: oklch(0.493 0.089 279.5);
}
.element {
color: var(--persian-plush);
background-color: hsl(236 26% 46%);
border-color: oklch(0.493 0.089 279.5);
}Tailwind CSS v4
@theme {
--color-persian-plush: #575b93;
--color-persian-plush-50: #f0f3ff;
--color-persian-plush-100: #e2e5ff;
--color-persian-plush-200: #cdd0fa;
--color-persian-plush-300: #afb3e5;
--color-persian-plush-400: #9399d3;
--color-persian-plush-500: #7a7fc0;
--color-persian-plush-600: #676ca2;
--color-persian-plush-700: #525682;
--color-persian-plush-800: #3b3f61;
--color-persian-plush-900: #282c44;
--color-persian-plush-950: #16192c;
}SCSS
$persian-plush: #575b93;
$persian-plush-rgb: 87, 91, 147;
$persian-plush-light: mix(#fff, $persian-plush, 20%);
$persian-plush-dark: mix(#000, $persian-plush, 20%);
.element {
color: $persian-plush;
box-shadow: 0 0 0 2px rgba($persian-plush, 0.35);
}