Nazwany kolor · #5B3E90
Daisy Bush
Daisy Bush to #5B3E90: rgb(91 62 144), hsl(261 40% 40%), oklch(0.438 0.131 297). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Purple mean? → · Daisy Bush color name →
#5B3E90
oklch(0.438 0.131 297)
Konwersje koloru
- HEX
- #5b3e90
- RGB
- rgb(91 62 144)
- HSL
- hsl(261 40% 40%)
- HWB
- hwb(261 24% 44%)
- OKLCH
- oklch(0.438 0.131 297)
- OKLab
- oklab(0.438 0.059 -0.116)
- CIE Lab
- lab(32.86 27.47 -41.55)
- LCH
- lch(32.86 49.81 303.5)
- CMYK
- cmyk(37% 57% 0% 44%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 69519C
- 7864A7
- 8876B3
- 9889BE
- A89CC9
- B9AFD4
- CAC3DF
- DBD7EA
- EDEBF4
Odcienie ciemniejsze
- 4E357D
- 412B6A
- 352357
- 291A45
- 1E1234
- 130A24
- 090415
- 030107
- 000001
Tony
- 5E468F
- 624D8E
- 65548D
- 695A8C
- 6C618A
- 706788
- 746D87
- 787485
- 7C7A82
Harmonie kolorów
Komplementarna +180°
- 5B3E90
Daisy Bush
- 4F5900
≈ Kyuri Green
Analogowa -30° +30°
- 5B3E90
Daisy Bush
- 324C99
≈ Le Grand Bleu
- 763377
≈ Maximum Purple
Triada +120° +240°
- 5B3E90
Daisy Bush
- 7C4000
≈ Hazelnut Chocolate
- 006051
≈ Alpine Green
Komplementarna rozszczepiona +150° +210°
- 5B3E90
Daisy Bush
- 674E00
≈ Olive Brown
- 006421
≈ Woodland Wonder
Tetrada +90° +180° +270°
- 5B3E90
Daisy Bush
- 8C2D27
≈ Borscht
- 4F5900
≈ Kyuri Green
- 005D67
≈ Hero
Kontrast i dostępność
Ag
AAANa bieli
WCAG 8.27:1 · APCA Lc 88
Ag
FailNa czerni
WCAG 2.53:1 · APCA Lc 14
Najlepszy kolor tekstu: #FFFFFF
WCAG 8.27:1 (AAA) · APCA Lc 88
Contrast pairs
Fragmenty kodu
CSS
:root {
--daisy-bush: #5b3e90;
--daisy-bush-rgb: 91 62 144;
--daisy-bush-oklch: oklch(0.438 0.131 297);
}
.element {
color: var(--daisy-bush);
background-color: hsl(261 40% 40%);
border-color: oklch(0.438 0.131 297);
}Tailwind CSS v4
@theme {
--color-daisy-bush: #5b3e90;
--color-daisy-bush-50: #faeeff;
--color-daisy-bush-100: #eddfff;
--color-daisy-bush-200: #dbc8ff;
--color-daisy-bush-300: #c0a9f1;
--color-daisy-bush-400: #a78de2;
--color-daisy-bush-500: #9071d1;
--color-daisy-bush-600: #7a60b1;
--color-daisy-bush-700: #614d8e;
--color-daisy-bush-800: #46386a;
--color-daisy-bush-900: #30264b;
--color-daisy-bush-950: #1d1431;
}SCSS
$daisy-bush: #5b3e90;
$daisy-bush-rgb: 91, 62, 144;
$daisy-bush-light: mix(#fff, $daisy-bush, 20%);
$daisy-bush-dark: mix(#000, $daisy-bush, 20%);
.element {
color: $daisy-bush;
box-shadow: 0 0 0 2px rgba($daisy-bush, 0.35);
}