Colore con nome · #38343E
Persian Prince
Persian Prince è #38343E: rgb(56 52 62), hsl(264 9% 22%), oklch(0.333 0.018 303.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Persian Prince color name →
#38343E
oklch(0.333 0.018 303.6)
Conversioni di colore
- HEX
- #38343e
- RGB
- rgb(56 52 62)
- HSL
- hsl(264 9% 22%)
- HWB
- hwb(264 20% 76%)
- OKLCH
- oklch(0.333 0.018 303.6)
- OKLab
- oklab(0.333 0.01 -0.015)
- CIE Lab
- lab(22.42 3.58 -5.62)
- LCH
- lch(22.42 6.67 302.5)
- CMYK
- cmyk(10% 16% 0% 76%)
Tinte · Ombre · Toni
Tinte
- 49464F
- 5B5861
- 6E6B73
- 817F86
- 959399
- A9A8AC
- BEBDC1
- D3D2D5
- E9E9EA
Ombre
- 2F2C35
- 27242B
- 1F1C23
- 17151A
- 0F0E12
- 08070A
- 040304
- 010101
- 000000
Toni
- 3F3B44
- 46424B
- 4D4A51
- 545158
- 5B595E
- 626065
- 69686B
- 717072
- 787879
Armonie di colore
Complementare +180°
- 38343E
Persian Prince
- 34382E
≈ Matcha Ash
Analogo -30° +30°
- 38343E
Persian Prince
- 333640
≈ Supernatural
- 3C333A
≈ Zeus Palace
Triadico +120° +240°
- 38343E
Persian Prince
- 3D342D
≈ Six Feet Under
- 2C3937
≈ Tetsuonando Black
Complementare divisa +150° +210°
- 38343E
Persian Prince
- 39362C
≈ Rosin
- 2F3932
≈ Aimiru Brown
Tetradico +90° +180° +270°
- 38343E
Persian Prince
- 3F3330
≈ Blackest Brown
- 34382E
≈ Matcha Ash
- 2C393C
≈ Far Away Grey
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 12.14:1 · APCA Lc 98
Ag
FailSu nero
WCAG 1.72:1 · APCA Lc 0
Miglior colore del testo: #FFFFFF
WCAG 12.14:1 (AAA) · APCA Lc 98
Contrast pairs
Frammenti di codice
CSS
:root {
--persian-prince: #38343e;
--persian-prince-rgb: 56 52 62;
--persian-prince-oklch: oklch(0.333 0.018 303.6);
}
.element {
color: var(--persian-prince);
background-color: hsl(264 9% 22%);
border-color: oklch(0.333 0.018 303.6);
}Tailwind CSS v4
@theme {
--color-persian-prince: #38343e;
--color-persian-prince-50: #f6f4f9;
--color-persian-prince-100: #e9e6ed;
--color-persian-prince-200: #d6d2db;
--color-persian-prince-300: #b9b5bf;
--color-persian-prince-400: #a09ca7;
--color-persian-prince-500: #888390;
--color-persian-prince-600: #736f7a;
--color-persian-prince-700: #5c5962;
--color-persian-prince-800: #434148;
--color-persian-prince-900: #2e2d32;
--color-persian-prince-950: #1b1a1e;
}SCSS
$persian-prince: #38343e;
$persian-prince-rgb: 56, 52, 62;
$persian-prince-light: mix(#fff, $persian-prince, 20%);
$persian-prince-dark: mix(#000, $persian-prince, 20%);
.element {
color: $persian-prince;
box-shadow: 0 0 0 2px rgba($persian-prince, 0.35);
}