Nazwany kolor · #694D3D
Deep Umber
Deep Umber to #694D3D: rgb(105 77 61), hsl(22 27% 33%), oklch(0.446 0.046 50.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Brown mean? → · Deep Umber color name →
#694D3D
oklch(0.446 0.046 50.9)
Konwersje koloru
- HEX
- #694d3d
- RGB
- rgb(105 77 61)
- HSL
- hsl(22 27% 33%)
- HWB
- hwb(22 24% 59%)
- OKLCH
- oklch(0.446 0.046 50.9)
- OKLab
- oklab(0.446 0.029 0.035)
- CIE Lab
- lab(35.49 10.48 14.37)
- LCH
- lch(35.49 17.78 53.9)
- CMYK
- cmyk(0% 27% 42% 59%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 775D4E
- 866E60
- 947F73
- A39086
- B2A299
- C1B4AD
- D0C6C1
- E0D9D5
- EFECEA
Odcienie ciemniejsze
- 5A4234
- 4C372B
- 3E2C22
- 31221A
- 241812
- 180F0A
- 0C0704
- 040201
- 000000
Tony
- 6C5244
- 6E574A
- 705C51
- 736157
- 75665E
- 776B65
- 7A716C
- 7C7672
- 7E7B79
Harmonie kolorów
Komplementarna +180°
- 694D3D
Deep Umber
- 395969
≈ Indian Teal
Analogowa -30° +30°
- 694D3D
Deep Umber
- 6B4A49
≈ Painite
- 615237
≈ Prehistoric Wood
Triada +120° +240°
- 694D3D
Deep Umber
- 395D51
≈ Spectra
- 54506C
≈ Exotic Evening
Komplementarna rozszczepiona +150° +210°
- 694D3D
Deep Umber
- 345C5E
≈ Arctic Nights
- 46556E
≈ Snoop
Tetrada +90° +180° +270°
- 694D3D
Deep Umber
- 465B43
≈ Cayman Green
- 395969
≈ Indian Teal
- 604C64
≈ Vivid Vision
Kontrast i dostępność
Ag
AAANa bieli
WCAG 7.69:1 · APCA Lc 87
Ag
FailNa czerni
WCAG 2.72:1 · APCA Lc 15
Najlepszy kolor tekstu: #FFFFFF
WCAG 7.69:1 (AAA) · APCA Lc 87
Contrast pairs
Fragmenty kodu
CSS
:root {
--deep-umber: #694d3d;
--deep-umber-rgb: 105 77 61;
--deep-umber-oklch: oklch(0.446 0.046 50.9);
}
.element {
color: var(--deep-umber);
background-color: hsl(22 27% 33%);
border-color: oklch(0.446 0.046 50.9);
}Tailwind CSS v4
@theme {
--color-deep-umber: #694d3d;
--color-deep-umber-50: #fff2e9;
--color-deep-umber-100: #f5e4da;
--color-deep-umber-200: #e5cfc3;
--color-deep-umber-300: #cbb2a2;
--color-deep-umber-400: #b59786;
--color-deep-umber-500: #a07e6b;
--color-deep-umber-600: #876b5b;
--color-deep-umber-700: #6c5548;
--color-deep-umber-800: #503e35;
--color-deep-umber-900: #382b24;
--color-deep-umber-950: #221813;
}SCSS
$deep-umber: #694d3d;
$deep-umber-rgb: 105, 77, 61;
$deep-umber-light: mix(#fff, $deep-umber, 20%);
$deep-umber-dark: mix(#000, $deep-umber, 20%);
.element {
color: $deep-umber;
box-shadow: 0 0 0 2px rgba($deep-umber, 0.35);
}