Colore con nome · #293B4A
Craft
Craft è #293B4A: rgb(41 59 74), hsl(207 29% 23%), oklch(0.343 0.035 244.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Craft color name →
#293B4A
oklch(0.343 0.035 244.2)
Conversioni di colore
- HEX
- #293b4a
- RGB
- rgb(41 59 74)
- HSL
- hsl(207 29% 23%)
- HWB
- hwb(207 16% 71%)
- OKLCH
- oklch(0.343 0.035 244.2)
- OKLab
- oklab(0.343 -0.015 -0.032)
- CIE Lab
- lab(23.82 -4.03 -11.68)
- LCH
- lch(23.82 12.35 251)
- CMYK
- cmyk(45% 20% 0% 71%)
Tinte · Ombre · Toni
Tinte
- 3C4C5A
- 4F5E6B
- 63717C
- 78848E
- 8D97A0
- A3ABB2
- B9C0C5
- D0D4D8
- E7E9EB
Ombre
- 22323F
- 1C2935
- 15212A
- 0F1920
- 091117
- 05090E
- 020406
- 010102
- 000000
Toni
- 31424F
- 3A4855
- 424F5A
- 4B565F
- 535D65
- 5C646A
- 656B70
- 6E7275
- 77797A
Armonie di colore
Complementare +180°
- 293B4A
Craft
- 463525
≈ Clinker
Analogo -30° +30°
Triadico +120° +240°
- 293B4A
Craft
- 493137
≈ Cab Sav
- 353C28
≈ Green Kelp
Complementare divisa +150° +210°
- 293B4A
Craft
- 49322D
≈ Pawn Broker
- 3F3923
≈ Magic Metal
Tetradico +90° +180° +270°
- 293B4A
Craft
- 443240
≈ Voodoo
- 463525
≈ Clinker
- 2A3E31
≈ Celtic
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 11.54:1 · APCA Lc 97
Ag
FailSu nero
WCAG 1.81:1 · APCA Lc 0
Miglior colore del testo: #FFFFFF
WCAG 11.54:1 (AAA) · APCA Lc 97
Contrast pairs
Frammenti di codice
CSS
:root {
--craft: #293b4a;
--craft-rgb: 41 59 74;
--craft-oklch: oklch(0.343 0.035 244.2);
}
.element {
color: var(--craft);
background-color: hsl(207 29% 23%);
border-color: oklch(0.343 0.035 244.2);
}Tailwind CSS v4
@theme {
--color-craft: #293b4a;
--color-craft-50: #edf6ff;
--color-craft-100: #dfe9f3;
--color-craft-200: #c9d6e3;
--color-craft-300: #a9bac9;
--color-craft-400: #8da1b2;
--color-craft-500: #73899c;
--color-craft-600: #617484;
--color-craft-700: #4e5d6a;
--color-craft-800: #38444e;
--color-craft-900: #262f36;
--color-craft-950: #151c21;
}SCSS
$craft: #293b4a;
$craft-rgb: 41, 59, 74;
$craft-light: mix(#fff, $craft, 20%);
$craft-dark: mix(#000, $craft, 20%);
.element {
color: $craft;
box-shadow: 0 0 0 2px rgba($craft, 0.35);
}