Colore con nome · #934C1D
Nightcap
Nightcap è #934C1D: rgb(147 76 29), hsl(24 67% 35%), oklch(0.496 0.112 50.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Brown mean? → · Nightcap color name →
#934C1D
oklch(0.496 0.112 50.4)
Conversioni di colore
- HEX
- #934c1d
- RGB
- rgb(147 76 29)
- HSL
- hsl(24 67% 35%)
- HWB
- hwb(24 11% 42%)
- OKLCH
- oklch(0.496 0.112 50.4)
- OKLab
- oklab(0.496 0.071 0.086)
- CIE Lab
- lab(40.81 28.04 40.21)
- LCH
- lch(40.81 49.03 55.1)
- CMYK
- cmyk(0% 48% 80% 42%)
Tinte · Ombre · Toni
Tinte
- 9F5E36
- AA6F4D
- B58062
- C09278
- CBA48E
- D6B6A4
- E0C8BA
- EBDAD1
- F5ECE8
Ombre
- 7F4118
- 6C3613
- 592C0E
- 472209
- 361805
- 250F03
- 160601
- 080200
- 010000
Toni
- 92522A
- 915836
- 8F5D40
- 8E624A
- 8C6853
- 8A6D5C
- 887265
- 86776E
- 837B77
Armonie di colore
Complementare +180°
- 934C1D
Nightcap
- 006B8F
≈ Pure Light Blue
Analogo -30° +30°
- 934C1D
Nightcap
- 974446
≈ Ashen Brown
- 805A00
≈ Soil of Avagddu
Triadico +120° +240°
- 934C1D
Nightcap
- 00735A
≈ Tropical Rainforest
- 62559D
≈ Purple Opulence
Complementare divisa +150° +210°
- 934C1D
Nightcap
- 007075
≈ Active Turquoise
- 3B61A1
≈ International
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.37:1 · APCA Lc 81
Ag
FailSu nero
WCAG 3.29:1 · APCA Lc 21
Miglior colore del testo: #FFFFFF
WCAG 6.37:1 (AA) · APCA Lc 81
Contrast pairs
Frammenti di codice
CSS
:root {
--nightcap: #934c1d;
--nightcap-rgb: 147 76 29;
--nightcap-oklch: oklch(0.496 0.112 50.4);
}
.element {
color: var(--nightcap);
background-color: hsl(24 67% 35%);
border-color: oklch(0.496 0.112 50.4);
}Tailwind CSS v4
@theme {
--color-nightcap: #934c1d;
--color-nightcap-50: #ffedd8;
--color-nightcap-100: #ffdec6;
--color-nightcap-200: #fcc8a8;
--color-nightcap-300: #e6a882;
--color-nightcap-400: #d38a60;
--color-nightcap-500: #c06e3b;
--color-nightcap-600: #a25d33;
--color-nightcap-700: #824a29;
--color-nightcap-800: #61351d;
--color-nightcap-900: #442413;
--color-nightcap-950: #2c1305;
}SCSS
$nightcap: #934c1d;
$nightcap-rgb: 147, 76, 29;
$nightcap-light: mix(#fff, $nightcap, 20%);
$nightcap-dark: mix(#000, $nightcap, 20%);
.element {
color: $nightcap;
box-shadow: 0 0 0 2px rgba($nightcap, 0.35);
}