Nazwany kolor · #9B5FC0
Trunks Hair
Trunks Hair to #9B5FC0: rgb(155 95 192), hsl(277 43% 56%), oklch(0.592 0.154 311.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Purple mean? → · Trunks Hair color name →
#9B5FC0
oklch(0.592 0.154 311.1)
Konwersje koloru
- HEX
- #9b5fc0
- RGB
- rgb(155 95 192)
- HSL
- hsl(277 43% 56%)
- HWB
- hwb(277 37% 25%)
- OKLCH
- oklch(0.592 0.154 311.1)
- OKLab
- oklab(0.592 0.101 -0.116)
- CIE Lab
- lab(50.32 38.14 -41.72)
- LCH
- lch(50.32 56.52 312.4)
- CMYK
- cmyk(19% 51% 0% 25%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A56FC7
- AF7FCE
- B98FD4
- C39FDB
- CCAFE1
- D7BFE8
- E1CFEE
- EBDFF4
- F5EFF9
Odcienie ciemniejsze
- 8652A7
- 72448E
- 5E3876
- 4B2C5F
- 392049
- 281534
- 180A20
- 09030E
- 010002
Tony
- 9863BA
- 9667B4
- 936BAE
- 916FA7
- 8E72A1
- 8B759B
- 887894
- 867B8E
- 837D87
Harmonie kolorów
Komplementarna +180°
- 9B5FC0
Trunks Hair
- 5C8F15
≈ Vida Loca
Analogowa -30° +30°
- 9B5FC0
Trunks Hair
- 706FD6
≈ C64 Purple
- B85399
≈ Magenta Memoir
Triada +120° +240°
- 9B5FC0
Trunks Hair
- AC6F00
≈ Cookie Dough
- 00918C
≈ Supermint
Komplementarna rozszczepiona +150° +210°
- 9B5FC0
Trunks Hair
- 8E7F00
≈ Moscow Papyrus
- 009564
≈ Green Gloss
Tetrada +90° +180° +270°
- 9B5FC0
Trunks Hair
- C7572A
≈ Rusty Nail
- 5C8F15
≈ Vida Loca
- 008CAB
≈ Quintana
Kontrast i dostępność
Ag
FailNa bieli
WCAG 4.38:1 · APCA Lc 70
Ag
AANa czerni
WCAG 4.79:1 · APCA Lc 32
Najlepszy kolor tekstu: #000000
WCAG 4.79:1 (AA) · APCA Lc 32
Contrast pairs
Fragmenty kodu
CSS
:root {
--trunks-hair: #9b5fc0;
--trunks-hair-rgb: 155 95 192;
--trunks-hair-oklch: oklch(0.592 0.154 311.1);
}
.element {
color: var(--trunks-hair);
background-color: hsl(277 43% 56%);
border-color: oklch(0.592 0.154 311.1);
}Tailwind CSS v4
@theme {
--color-trunks-hair: #9b5fc0;
--color-trunks-hair-50: #ffe9ff;
--color-trunks-hair-100: #fadaff;
--color-trunks-hair-200: #ecc1ff;
--color-trunks-hair-300: #d3a0ef;
--color-trunks-hair-400: #bc82e1;
--color-trunks-hair-500: #a763d0;
--color-trunks-hair-600: #8d55af;
--color-trunks-hair-700: #71438d;
--color-trunks-hair-800: #52316a;
--color-trunks-hair-900: #39214b;
--color-trunks-hair-950: #231031;
}SCSS
$trunks-hair: #9b5fc0;
$trunks-hair-rgb: 155, 95, 192;
$trunks-hair-light: mix(#fff, $trunks-hair, 20%);
$trunks-hair-dark: mix(#000, $trunks-hair, 20%);
.element {
color: $trunks-hair;
box-shadow: 0 0 0 2px rgba($trunks-hair, 0.35);
}