Colore con nome più vicino · #3E1400
#3E1400
Colore con nome più vicino: Old Study
#3E1400 (rgb(62 20 0), hsl(19 100% 12%), oklch(0.255 0.073 44.9)) è più vicino al colore con nome Old Study. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#3E1400
oklch(0.255 0.073 44.9)
Conversioni di colore
- HEX
- #3e1400
- RGB
- rgb(62 20 0)
- HSL
- hsl(19 100% 12%)
- HWB
- hwb(19 0% 76%)
- OKLCH
- oklch(0.255 0.073 44.9)
- OKLab
- oklab(0.255 0.052 0.052)
- CIE Lab
- lab(13.07 20.09 19.98)
- LCH
- lch(13.07 28.33 44.8)
- CMYK
- cmyk(0% 68% 100% 76%)
Tinte · Ombre · Toni
Tinte
- 512917
- 633E2E
- 765445
- 896B5D
- 9C8277
- B09A90
- C3B2AB
- D7CBC6
- EBE5E2
Ombre
- 351000
- 2B0C00
- 230800
- 1A0500
- 120300
- 0A0100
- 040100
- 010000
- 000000
Toni
- 451F0C
- 4C2919
- 533426
- 5A3E32
- 61493F
- 67544B
- 6E5F58
- 746A65
- 7A7572
Armonie di colore
Complementare +180°
- 3E1400
Old Study
- 002734
≈ Daintree
Analogo -30° +30°
- 3E1400
Old Study
- 3F1017
≈ Dark Sienna
- 321E00
≈ Powdered Cocoa
Triadico +120° +240°
- 3E1400
Old Study
- 002B1C
≈ Bush
- 201C44
≈ Azulado
Complementare divisa +150° +210°
- 3E1400
Old Study
- 002929
≈ Teal Spill
- 052345
≈ Rhapsody in Blue
Tetradico +90° +180° +270°
- 3E1400
Old Study
- 122A01
≈ Zia Olive
- 002734
≈ Daintree
- 30163B
≈ Blackcurrant
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 16.09:1 · APCA Lc 103
Ag
FailSu nero
WCAG 1.30:1 · APCA Lc 0
Miglior colore del testo: #FFFFFF
WCAG 16.09:1 (AAA) · APCA Lc 103
Contrast pairs
Frammenti di codice
CSS
:root {
--old-study: #3e1400;
--old-study-rgb: 62 20 0;
--old-study-oklch: oklch(0.255 0.073 44.9);
}
.element {
color: var(--old-study);
background-color: hsl(19 100% 12%);
border-color: oklch(0.255 0.073 44.9);
}Tailwind CSS v4
@theme {
--color-old-study: #3e1400;
--color-old-study-50: #ffefe4;
--color-old-study-100: #fee1d4;
--color-old-study-200: #f0cbba;
--color-old-study-300: #d8ad98;
--color-old-study-400: #c4917b;
--color-old-study-500: #af775d;
--color-old-study-600: #94654f;
--color-old-study-700: #77503f;
--color-old-study-800: #583a2e;
--color-old-study-900: #3e281f;
--color-old-study-950: #27160f;
}SCSS
$old-study: #3e1400;
$old-study-rgb: 62, 20, 0;
$old-study-light: mix(#fff, $old-study, 20%);
$old-study-dark: mix(#000, $old-study, 20%);
.element {
color: $old-study;
box-shadow: 0 0 0 2px rgba($old-study, 0.35);
}