Colore con nome · #283C44
Cool Current
Cool Current è #283C44: rgb(40 60 68), hsl(197 26% 21%), oklch(0.343 0.029 224.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Cool Current color name →
#283C44
oklch(0.343 0.029 224.8)
Conversioni di colore
- HEX
- #283c44
- RGB
- rgb(40 60 68)
- HSL
- hsl(197 26% 21%)
- HWB
- hwb(197 16% 73%)
- OKLCH
- oklch(0.343 0.029 224.8)
- OKLab
- oklab(0.343 -0.021 -0.02)
- CIE Lab
- lab(23.87 -6.44 -7.63)
- LCH
- lch(23.87 9.99 229.8)
- CMYK
- cmyk(41% 12% 0% 73%)
Tinte · Ombre · Toni
Tinte
- 3B4D55
- 4E5F66
- 637178
- 77848A
- 8D989C
- A3ACAF
- B9C0C3
- D0D5D7
- E7EAEB
Ombre
- 21333A
- 1B2A30
- 152126
- 0F191D
- 091114
- 040A0C
- 020405
- 010102
- 000000
Toni
- 30424A
- 394950
- 415055
- 4A565B
- 535D61
- 5C6467
- 656B6D
- 6E7274
- 77797A
Armonie di colore
Complementare +180°
- 283C44
Cool Current
- 46342C
≈ Cedar
Analogo -30° +30°
- 283C44
Cool Current
- 263D3D
≈ Sunken Cascades
- 2E3A48
≈ Ship’s Officer
Triadico +120° +240°
- 283C44
Cool Current
- 44333C
≈ Voodoo
- 3B3A28
≈ Magic Metal
Complementare divisa +150° +210°
- 283C44
Cool Current
- 473334
≈ Rhinox Hide
- 423728
≈ Jacko Bean
Tetradico +90° +180° +270°
- 283C44
Cool Current
- 3E3443
≈ Royal Coronation
- 46342C
≈ Cedar
- 323C2D
≈ Aged Pine
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 11.53:1 · APCA Lc 97
Ag
FailSu nero
WCAG 1.82:1 · APCA Lc 0
Miglior colore del testo: #FFFFFF
WCAG 11.53:1 (AAA) · APCA Lc 97
Contrast pairs
Frammenti di codice
CSS
:root {
--cool-current: #283c44;
--cool-current-rgb: 40 60 68;
--cool-current-oklch: oklch(0.343 0.029 224.8);
}
.element {
color: var(--cool-current);
background-color: hsl(197 26% 21%);
border-color: oklch(0.343 0.029 224.8);
}Tailwind CSS v4
@theme {
--color-cool-current: #283c44;
--color-cool-current-50: #edf7fc;
--color-cool-current-100: #deeaef;
--color-cool-current-200: #c8d7de;
--color-cool-current-300: #a9bbc3;
--color-cool-current-400: #8da2ab;
--color-cool-current-500: #728b95;
--color-cool-current-600: #61757e;
--color-cool-current-700: #4d5e65;
--color-cool-current-800: #38454a;
--color-cool-current-900: #263033;
--color-cool-current-950: #141c1f;
}SCSS
$cool-current: #283c44;
$cool-current-rgb: 40, 60, 68;
$cool-current-light: mix(#fff, $cool-current, 20%);
$cool-current-dark: mix(#000, $cool-current, 20%);
.element {
color: $cool-current;
box-shadow: 0 0 0 2px rgba($cool-current, 0.35);
}