En yakın adlandırılmış renk · #3E1400
#3E1400
En yakın adlandırılmış renk: Old Study
#3E1400 (rgb(62 20 0), hsl(19 100% 12%), oklch(0.255 0.073 44.9)) en çok Old Study adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#3E1400
oklch(0.255 0.073 44.9)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 512917
- 633E2E
- 765445
- 896B5D
- 9C8277
- B09A90
- C3B2AB
- D7CBC6
- EBE5E2
Koyu tonlar
- 351000
- 2B0C00
- 230800
- 1A0500
- 120300
- 0A0100
- 040100
- 010000
- 000000
Gri tonlar
- 451F0C
- 4C2919
- 533426
- 5A3E32
- 61493F
- 67544B
- 6E5F58
- 746A65
- 7A7572
Renk uyumları
Tamamlayıcı +180°
- 3E1400
Old Study
- 002734
≈ Daintree
Analog -30° +30°
- 3E1400
Old Study
- 3F1017
≈ Dark Sienna
- 321E00
≈ Powdered Cocoa
Üçlü +120° +240°
- 3E1400
Old Study
- 002B1C
≈ Bush
- 201C44
≈ Azulado
Bölünmüş tamamlayıcı +150° +210°
- 3E1400
Old Study
- 002929
≈ Teal Spill
- 052345
≈ Rhapsody in Blue
Dörtlü +90° +180° +270°
- 3E1400
Old Study
- 122A01
≈ Zia Olive
- 002734
≈ Daintree
- 30163B
≈ Blackcurrant
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 16.09:1 · APCA Lc 103
Ag
FailSiyah üzerinde
WCAG 1.30:1 · APCA Lc 0
En iyi metin rengi: #FFFFFF
WCAG 16.09:1 (AAA) · APCA Lc 103
Contrast pairs
Kod parçacıkları
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);
}