Couleur nommée · #43363D
Deep Space Frigate
Deep Space Frigate correspond à #43363D : rgb(67 54 61), hsl(328 11% 24%), oklch(0.349 0.022 344.7). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Gray mean? → · Deep Space Frigate color name →
#43363D
oklch(0.349 0.022 344.7)
Conversions de couleur
- HEX
- #43363d
- RGB
- rgb(67 54 61)
- HSL
- hsl(328 11% 24%)
- HWB
- hwb(328 21% 74%)
- OKLCH
- oklch(0.349 0.022 344.7)
- OKLab
- oklab(0.349 0.021 -0.006)
- CIE Lab
- lab(24.25 7.02 -2.1)
- LCH
- lch(24.25 7.33 343.3)
- CMYK
- cmyk(0% 19% 9% 74%)
Teintes · Ombres · Tons
Teintes
- 54484E
- 655A60
- 776D72
- 898085
- 9C9498
- AFA9AC
- C2BEC0
- D6D3D5
- EAE9EA
Ombres
- 392E34
- 2F252B
- 261E22
- 1D161A
- 140F12
- 0C080A
- 050304
- 010101
- 000000
Tons
- 493D43
- 4F444A
- 554B50
- 5B5257
- 615A5D
- 676164
- 6D696B
- 737072
- 7A7879
Harmonies de couleurs
Complémentaire +180°
- 43363D
Deep Space Frigate
- 303E37
≈ Scarab
Analogue -30° +30°
- 43363D
Deep Space Frigate
- 3F3742
≈ Royal Coronation
- 453637
≈ Noblesse Oblige
Triadique +120° +240°
- 43363D
Deep Space Frigate
- 3C3B2E
≈ El Paso
- 2E3D43
≈ Cool Current
Complémentaire divisée +150° +210°
- 43363D
Deep Space Frigate
- 363D32
≈ USMC Green
- 2D3E3E
≈ Edge of the Galaxy
Tétradique +90° +180° +270°
- 43363D
Deep Space Frigate
- 41392E
≈ Batch Brew
- 303E37
≈ Scarab
- 333B46
≈ Do Not Disturb
Contraste et accessibilité
Ag
AAASur blanc
WCAG 11.45:1 · APCA Lc 96
Ag
FailSur noir
WCAG 1.83:1 · APCA Lc 0
Meilleure couleur de texte: #FFFFFF
WCAG 11.45:1 (AAA) · APCA Lc 96
Contrast pairs
Extraits de code
CSS
:root {
--deep-space-frigate: #43363d;
--deep-space-frigate-rgb: 67 54 61;
--deep-space-frigate-oklch: oklch(0.349 0.022 344.7);
}
.element {
color: var(--deep-space-frigate);
background-color: hsl(328 11% 24%);
border-color: oklch(0.349 0.022 344.7);
}Tailwind CSS v4
@theme {
--color-deep-space-frigate: #43363d;
--color-deep-space-frigate-50: #faf3f6;
--color-deep-space-frigate-100: #eee5e9;
--color-deep-space-frigate-200: #dcd1d6;
--color-deep-space-frigate-300: #c0b3b9;
--color-deep-space-frigate-400: #a89aa1;
--color-deep-space-frigate-500: #918189;
--color-deep-space-frigate-600: #7b6d74;
--color-deep-space-frigate-700: #62575d;
--color-deep-space-frigate-800: #483f44;
--color-deep-space-frigate-900: #322c2f;
--color-deep-space-frigate-950: #1e191c;
}SCSS
$deep-space-frigate: #43363d;
$deep-space-frigate-rgb: 67, 54, 61;
$deep-space-frigate-light: mix(#fff, $deep-space-frigate, 20%);
$deep-space-frigate-dark: mix(#000, $deep-space-frigate, 20%);
.element {
color: $deep-space-frigate;
box-shadow: 0 0 0 2px rgba($deep-space-frigate, 0.35);
}