Colore con nome · #292D4F
Lucky Point
Lucky Point è #292D4F: rgb(41 45 79), hsl(234 32% 24%), oklch(0.311 0.061 277.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Lucky Point color name →
#292D4F
oklch(0.311 0.061 277.1)
Conversioni di colore
- HEX
- #292d4f
- RGB
- rgb(41 45 79)
- HSL
- hsl(234 32% 24%)
- HWB
- hwb(234 16% 69%)
- OKLCH
- oklch(0.311 0.061 277.1)
- OKLab
- oklab(0.311 0.008 -0.061)
- CIE Lab
- lab(19.43 6.22 -21.79)
- LCH
- lch(19.43 22.66 285.9)
- CMYK
- cmyk(48% 43% 0% 69%)
Tinte · Ombre · Toni
Tinte
- 3B3F5F
- 4E5370
- 626681
- 767B92
- 8C90A4
- A2A5B6
- B8BBC8
- CFD1DA
- E7E8EC
Ombre
- 222644
- 1C1F38
- 15182E
- 0F1123
- 090B19
- 050610
- 020207
- 010102
- 000000
Toni
- 313554
- 393D59
- 41455E
- 494D63
- 525568
- 5B5E6D
- 646672
- 6D6F77
- 77777B
Armonie di colore
Complementare +180°
- 292D4F
Lucky Point
- 393003
≈ Hidden Passage
Analogo -30° +30°
- 292D4F
Lucky Point
- 13334E
≈ Sea of Stars
- 392848
≈ Operetta Mauve
Triadico +120° +240°
- 292D4F
Lucky Point
- 4A2419
≈ Wild Brown
- 103A24
≈ Deep Fir
Complementare divisa +150° +210°
- 292D4F
Lucky Point
- 452A08
≈ Stirland Mud
- 283611
≈ Darkest Forest
Tetradico +90° +180° +270°
- 292D4F
Lucky Point
- 4A222B
≈ Dark Mahogany
- 393003
≈ Hidden Passage
- 003935
≈ Night Turquoise
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 13.26:1 · APCA Lc 100
Ag
FailSu nero
WCAG 1.58:1 · APCA Lc 0
Miglior colore del testo: #FFFFFF
WCAG 13.26:1 (AAA) · APCA Lc 100
Contrast pairs
Frammenti di codice
CSS
:root {
--lucky-point: #292d4f;
--lucky-point-rgb: 41 45 79;
--lucky-point-oklch: oklch(0.311 0.061 277.1);
}
.element {
color: var(--lucky-point);
background-color: hsl(234 32% 24%);
border-color: oklch(0.311 0.061 277.1);
}Tailwind CSS v4
@theme {
--color-lucky-point: #292d4f;
--color-lucky-point-50: #f1f4ff;
--color-lucky-point-100: #e3e6fd;
--color-lucky-point-200: #ced2ef;
--color-lucky-point-300: #b0b5d7;
--color-lucky-point-400: #959cc3;
--color-lucky-point-500: #7c83af;
--color-lucky-point-600: #696f94;
--color-lucky-point-700: #545976;
--color-lucky-point-800: #3c4158;
--color-lucky-point-900: #292d3d;
--color-lucky-point-950: #171a27;
}SCSS
$lucky-point: #292d4f;
$lucky-point-rgb: 41, 45, 79;
$lucky-point-light: mix(#fff, $lucky-point, 20%);
$lucky-point-dark: mix(#000, $lucky-point, 20%);
.element {
color: $lucky-point;
box-shadow: 0 0 0 2px rgba($lucky-point, 0.35);
}