Najbliższy nazwany kolor · #3B3268
#3B3268
Najbliższy nazwany kolor: Her Highness
#3B3268 (rgb(59 50 104), hsl(250 35% 30%), oklch(0.355 0.091 288.5)) jest najbliższy nazwanemu kolorowi Her Highness. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#3B3268
oklch(0.355 0.091 288.5)
Konwersje koloru
- HEX
- #3b3268
- RGB
- rgb(59 50 104)
- HSL
- hsl(250 35% 30%)
- HWB
- hwb(250 20% 59%)
- OKLCH
- oklch(0.355 0.091 288.5)
- OKLab
- oklab(0.355 0.029 -0.086)
- CIE Lab
- lab(24 15.49 -30.85)
- LCH
- lch(24 34.52 296.7)
- CMYK
- cmyk(43% 52% 0% 59%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 4C4577
- 5D5886
- 6F6B95
- 827FA4
- 9694B3
- AAA8C2
- BFBDD1
- D4D3E0
- E9E9F0
Odcienie ciemniejsze
- 322A59
- 29224B
- 211B3E
- 191430
- 110D24
- 090718
- 04030C
- 010104
- 000000
Tony
- 413A6B
- 47426E
- 4E4A70
- 555173
- 5C5975
- 636178
- 6A697A
- 71707C
- 78787E
Harmonie kolorów
Komplementarna +180°
- 3B3268
Her Highness
- 403F00
≈ Green Not Found
Analogowa -30° +30°
- 3B3268
Her Highness
- 1C3B6B
≈ Limoges
- 502A5A
≈ Kuwanomi Purple
Triada +120° +240°
- 3B3268
Her Highness
- 602A05
≈ Count Chocula
- 004835
≈ UP Forest Green
Komplementarna rozszczepiona +150° +210°
- 3B3268
Her Highness
- 513600
≈ Eyelash Camel
- 204713
≈ Pine Green
Tetrada +90° +180° +270°
- 3B3268
Her Highness
- 632429
≈ Blackberry Pie
- 403F00
≈ Green Not Found
- 004548
≈ Dark Side
Kontrast i dostępność
Ag
AAANa bieli
WCAG 11.40:1 · APCA Lc 96
Ag
FailNa czerni
WCAG 1.84:1 · APCA Lc 0
Najlepszy kolor tekstu: #FFFFFF
WCAG 11.40:1 (AAA) · APCA Lc 96
Contrast pairs
Fragmenty kodu
CSS
:root {
--her-highness: #3b3268;
--her-highness-rgb: 59 50 104;
--her-highness-oklch: oklch(0.355 0.091 288.5);
}
.element {
color: var(--her-highness);
background-color: hsl(250 35% 30%);
border-color: oklch(0.355 0.091 288.5);
}Tailwind CSS v4
@theme {
--color-her-highness: #3b3268;
--color-her-highness-50: #f4f1ff;
--color-her-highness-100: #e7e3ff;
--color-her-highness-200: #d3cef9;
--color-her-highness-300: #b7b0e3;
--color-her-highness-400: #9c96d1;
--color-her-highness-500: #847cbf;
--color-her-highness-600: #7069a1;
--color-her-highness-700: #595481;
--color-her-highness-800: #403d60;
--color-her-highness-900: #2c2a44;
--color-her-highness-950: #19182c;
}SCSS
$her-highness: #3b3268;
$her-highness-rgb: 59, 50, 104;
$her-highness-light: mix(#fff, $her-highness, 20%);
$her-highness-dark: mix(#000, $her-highness, 20%);
.element {
color: $her-highness;
box-shadow: 0 0 0 2px rgba($her-highness, 0.35);
}