Nazwany kolor · #43363D
Deep Space Frigate
Deep Space Frigate to #43363D: rgb(67 54 61), hsl(328 11% 24%), oklch(0.349 0.022 344.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Deep Space Frigate color name →
#43363D
oklch(0.349 0.022 344.7)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 54484E
- 655A60
- 776D72
- 898085
- 9C9498
- AFA9AC
- C2BEC0
- D6D3D5
- EAE9EA
Odcienie ciemniejsze
- 392E34
- 2F252B
- 261E22
- 1D161A
- 140F12
- 0C080A
- 050304
- 010101
- 000000
Tony
- 493D43
- 4F444A
- 554B50
- 5B5257
- 615A5D
- 676164
- 6D696B
- 737072
- 7A7879
Harmonie kolorów
Komplementarna +180°
- 43363D
Deep Space Frigate
- 303E37
≈ Scarab
Analogowa -30° +30°
- 43363D
Deep Space Frigate
- 3F3742
≈ Royal Coronation
- 453637
≈ Noblesse Oblige
Triada +120° +240°
- 43363D
Deep Space Frigate
- 3C3B2E
≈ El Paso
- 2E3D43
≈ Cool Current
Komplementarna rozszczepiona +150° +210°
- 43363D
Deep Space Frigate
- 363D32
≈ USMC Green
- 2D3E3E
≈ Edge of the Galaxy
Tetrada +90° +180° +270°
- 43363D
Deep Space Frigate
- 41392E
≈ Batch Brew
- 303E37
≈ Scarab
- 333B46
≈ Do Not Disturb
Kontrast i dostępność
Ag
AAANa bieli
WCAG 11.45:1 · APCA Lc 96
Ag
FailNa czerni
WCAG 1.83:1 · APCA Lc 0
Najlepszy kolor tekstu: #FFFFFF
WCAG 11.45:1 (AAA) · APCA Lc 96
Contrast pairs
Fragmenty kodu
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);
}