Colore con nome · #6B6C89
Dark Prince
Dark Prince è #6B6C89: rgb(107 108 137), hsl(238 12% 48%), oklch(0.541 0.045 283.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Dark Prince color name →
#6B6C89
oklch(0.541 0.045 283.2)
Conversioni di colore
- HEX
- #6b6c89
- RGB
- rgb(107 108 137)
- HSL
- hsl(238 12% 48%)
- HWB
- hwb(238 42% 46%)
- OKLCH
- oklch(0.541 0.045 283.2)
- OKLab
- oklab(0.541 0.01 -0.044)
- CIE Lab
- lab(46.36 4.6 -16.18)
- LCH
- lch(46.36 16.82 285.9)
- CMYK
- cmyk(22% 21% 0% 46%)
Tinte · Ombre · Toni
Tinte
- 797A94
- 8788A0
- 9596AB
- A3A4B7
- B2B3C3
- C1C2CF
- D0D1DB
- E0E0E7
- EFEFF3
Ombre
- 5C5D76
- 4E4E64
- 3F4053
- 323242
- 252531
- 181922
- 0D0D14
- 040407
- 000001
Toni
- 6D6E88
- 6F7087
- 717287
- 737486
- 757685
- 777884
- 7A7A83
- 7C7C82
- 7E7E81
Armonie di colore
Complementare +180°
- 6B6C89
Dark Prince
- 737152
≈ Secret Path
Analogo -30° +30°
- 6B6C89
Dark Prince
- 5D7189
≈ Layers of Ocean
- 786882
≈ Amethyst Gem
Triadico +120° +240°
- 6B6C89
Dark Prince
- 86675A
≈ Quartersawn Oak
- 577868
≈ Mt Burleigh
Complementare divisa +150° +210°
- 6B6C89
Dark Prince
- 7F6B52
≈ Mayan Ruins
- 65755A
≈ Lignum Vitœ Foliage
Tetradico +90° +180° +270°
- 6B6C89
Dark Prince
- 876567
≈ Mauving Up
- 737152
≈ Secret Path
- 4F7876
≈ Breaker Bay
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.08:1 · APCA Lc 75
Ag
FailSu nero
WCAG 4.13:1 · APCA Lc 27
Miglior colore del testo: #FFFFFF
WCAG 5.08:1 (AA) · APCA Lc 75
Contrast pairs
Frammenti di codice
CSS
:root {
--dark-prince: #6b6c89;
--dark-prince-rgb: 107 108 137;
--dark-prince-oklch: oklch(0.541 0.045 283.2);
}
.element {
color: var(--dark-prince);
background-color: hsl(238 12% 48%);
border-color: oklch(0.541 0.045 283.2);
}Tailwind CSS v4
@theme {
--color-dark-prince: #6b6c89;
--color-dark-prince-50: #f3f4ff;
--color-dark-prince-100: #e6e6f7;
--color-dark-prince-200: #d2d2e7;
--color-dark-prince-300: #b4b5ce;
--color-dark-prince-400: #9a9bb9;
--color-dark-prince-500: #8283a4;
--color-dark-prince-600: #6e6f8a;
--color-dark-prince-700: #58586f;
--color-dark-prince-800: #3f4152;
--color-dark-prince-900: #2c2d39;
--color-dark-prince-950: #191a23;
}SCSS
$dark-prince: #6b6c89;
$dark-prince-rgb: 107, 108, 137;
$dark-prince-light: mix(#fff, $dark-prince, 20%);
$dark-prince-dark: mix(#000, $dark-prince, 20%);
.element {
color: $dark-prince;
box-shadow: 0 0 0 2px rgba($dark-prince, 0.35);
}