Colore con nome · #2C3944
Precision
Precision è #2C3944: rgb(44 57 68), hsl(207 21% 22%), oklch(0.338 0.026 244.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Precision color name →
#2C3944
oklch(0.338 0.026 244.2)
Conversioni di colore
- HEX
- #2c3944
- RGB
- rgb(44 57 68)
- HSL
- hsl(207 21% 22%)
- HWB
- hwb(207 17% 73%)
- OKLCH
- oklch(0.338 0.026 244.2)
- OKLab
- oklab(0.338 -0.011 -0.023)
- CIE Lab
- lab(23.15 -3.18 -8.68)
- LCH
- lch(23.15 9.25 249.9)
- CMYK
- cmyk(35% 16% 0% 73%)
Tinte · Ombre · Toni
Tinte
- 3E4A55
- 515C66
- 656F78
- 79828A
- 8E969C
- A4AAAF
- BABFC3
- D1D4D7
- E8E9EB
Ombre
- 25303A
- 1E2830
- 171F26
- 11171D
- 0A1014
- 05090C
- 020405
- 010102
- 000000
Toni
- 34404A
- 3C4650
- 444D55
- 4C545B
- 555B61
- 5D6367
- 666A6D
- 6E7174
- 77797A
Armonie di colore
Complementare +180°
- 2C3944
Precision
- 413529
≈ Jacko Bean
Analogo -30° +30°
- 2C3944
Precision
- 283B40
≈ Cool Current
- 333745
≈ Sceptre Blue
Triadico +120° +240°
- 2C3944
Precision
- 433236
≈ Venous Blood Red
- 343A2B
≈ Matcha Ash
Complementare divisa +150° +210°
- 2C3944
Precision
- 44332E
≈ Bruno Brown
- 3C3728
≈ Birch
Tetradico +90° +180° +270°
- 2C3944
Precision
- 40323D
≈ Disappearing Purple
- 413529
≈ Jacko Bean
- 2D3B31
≈ Scarab
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 11.82:1 · APCA Lc 97
Ag
FailSu nero
WCAG 1.77:1 · APCA Lc 0
Miglior colore del testo: #FFFFFF
WCAG 11.82:1 (AAA) · APCA Lc 97
Contrast pairs
Frammenti di codice
CSS
:root {
--precision: #2c3944;
--precision-rgb: 44 57 68;
--precision-oklch: oklch(0.338 0.026 244.2);
}
.element {
color: var(--precision);
background-color: hsl(207 21% 22%);
border-color: oklch(0.338 0.026 244.2);
}Tailwind CSS v4
@theme {
--color-precision: #2c3944;
--color-precision-50: #eff6fc;
--color-precision-100: #e1e9f0;
--color-precision-200: #ccd6df;
--color-precision-300: #adb9c4;
--color-precision-400: #92a1ad;
--color-precision-500: #788897;
--color-precision-600: #66737f;
--color-precision-700: #515c66;
--color-precision-800: #3b444b;
--color-precision-900: #282f34;
--color-precision-950: #161b1f;
}SCSS
$precision: #2c3944;
$precision-rgb: 44, 57, 68;
$precision-light: mix(#fff, $precision, 20%);
$precision-dark: mix(#000, $precision, 20%);
.element {
color: $precision;
box-shadow: 0 0 0 2px rgba($precision, 0.35);
}