Najbliższy nazwany kolor · #280A32
#280A32
Najbliższy nazwany kolor: Dark Prom Queen
#280A32 (rgb(40 10 50), hsl(285 67% 12%), oklch(0.218 0.08 316.5)) jest najbliższy nazwanemu kolorowi Dark Prom Queen. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#280A32
oklch(0.218 0.08 316.5)
Konwersje koloru
- HEX
- #280a32
- RGB
- rgb(40 10 50)
- HSL
- hsl(285 67% 12%)
- HWB
- hwb(285 4% 80%)
- OKLCH
- oklch(0.218 0.08 316.5)
- OKLab
- oklab(0.218 0.058 -0.055)
- CIE Lab
- lab(7.98 21.43 -19.62)
- LCH
- lch(7.98 29.05 317.5)
- CMYK
- cmyk(20% 80% 0% 80%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 3B2044
- 4E3657
- 624C6B
- 77647F
- 8D7C93
- A395A8
- B9AEBD
- D0C9D3
- E7E4E9
Odcienie ciemniejsze
- 21072A
- 1B0522
- 15031B
- 0F0214
- 09010D
- 040107
- 020003
- 010001
- 000000
Tony
- 30163A
- 392141
- 412D49
- 4A3851
- 534459
- 5C4F61
- 655B68
- 6E6770
- 777478
Harmonie kolorów
Komplementarna +180°
- 280A32
Dark Prom Queen
- 0A2000
≈ Yuzu Soy
Analogowa -30° +30°
- 280A32
Dark Prom Queen
- 19113C
≈ Midnight Monarch
- 320521
≈ Vienna Roast
Triada +120° +240°
- 280A32
Dark Prom Queen
- 261700
≈ Cannon Black
- 001F20
≈ Stellar Explorer
Komplementarna rozszczepiona +150° +210°
- 280A32
Dark Prom Queen
- 1D1B00
≈ Noir Mystique
- 002115
≈ Clock Chimes Thirteen
Tetrada +90° +180° +270°
- 280A32
Dark Prom Queen
- 300F00
≈ Chocolate Melange
- 0A2000
≈ Yuzu Soy
- 001E29
≈ Oxford by Night
Kontrast i dostępność
Ag
AAANa bieli
WCAG 17.80:1 · APCA Lc 104
Ag
FailNa czerni
WCAG 1.17:1 · APCA Lc 0
Najlepszy kolor tekstu: #FFFFFF
WCAG 17.80:1 (AAA) · APCA Lc 104
Contrast pairs
Fragmenty kodu
CSS
:root {
--dark-prom-queen: #280a32;
--dark-prom-queen-rgb: 40 10 50;
--dark-prom-queen-oklch: oklch(0.218 0.08 316.5);
}
.element {
color: var(--dark-prom-queen);
background-color: hsl(285 67% 12%);
border-color: oklch(0.218 0.08 316.5);
}Tailwind CSS v4
@theme {
--color-dark-prom-queen: #280a32;
--color-dark-prom-queen-50: #ffeeff;
--color-dark-prom-queen-100: #f4e0f9;
--color-dark-prom-queen-200: #e3caeb;
--color-dark-prom-queen-300: #c9abd2;
--color-dark-prom-queen-400: #b190be;
--color-dark-prom-queen-500: #9b76aa;
--color-dark-prom-queen-600: #83648f;
--color-dark-prom-queen-700: #695073;
--color-dark-prom-queen-800: #4d3a56;
--color-dark-prom-queen-900: #35283c;
--color-dark-prom-queen-950: #201626;
}SCSS
$dark-prom-queen: #280a32;
$dark-prom-queen-rgb: 40, 10, 50;
$dark-prom-queen-light: mix(#fff, $dark-prom-queen, 20%);
$dark-prom-queen-dark: mix(#000, $dark-prom-queen, 20%);
.element {
color: $dark-prom-queen;
box-shadow: 0 0 0 2px rgba($dark-prom-queen, 0.35);
}