Nazwany kolor · #575B93
Persian Plush
Persian Plush to #575B93: rgb(87 91 147), hsl(236 26% 46%), oklch(0.493 0.089 279.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Blue mean? → · Persian Plush color name →
#575B93
oklch(0.493 0.089 279.5)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 666B9E
- 757AA9
- 858AB4
- 969ABF
- A6AAC9
- B8BBD4
- C9CCDF
- DBDDEA
- EDEEF4
Odcienie ciemniejsze
- 4B4E7F
- 3E416C
- 333559
- 272947
- 1C1E36
- 121325
- 080916
- 030308
- 000001
Tony
- 5B5F91
- 5F6390
- 63678E
- 676A8D
- 6B6E8B
- 6F7289
- 737587
- 777985
- 7C7C82
Harmonie kolorów
Komplementarna +180°
- 575B93
Persian Plush
- 6E621C
≈ Greenish Brown
Analogowa -30° +30°
- 575B93
Persian Plush
- 366492
≈ Teeny Bikini
- 705287
≈ Gutsy Grape
Triada +120° +240°
- 575B93
Persian Plush
- 8C4E39
≈ Remaining Embers
- 2B714F
≈ Green Velvet
Komplementarna rozszczepiona +150° +210°
- 575B93
Persian Plush
- 825721
≈ Hot Curry
- 516B32
≈ Green Leaf
Tetrada +90° +180° +270°
- 575B93
Persian Plush
- 8C4A56
≈ Dull Magenta
- 6E621C
≈ Greenish Brown
- 00706B
≈ Tide Pools
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.31:1 · APCA Lc 81
Ag
FailNa czerni
WCAG 3.32:1 · APCA Lc 20
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.31:1 (AA) · APCA Lc 81
Contrast pairs
Fragmenty kodu
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);
}