Nazwany kolor · #7D403B
Raw Cinnabar
Raw Cinnabar to #7D403B: rgb(125 64 59), hsl(5 36% 36%), oklch(0.447 0.085 25.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Brown mean? → · Raw Cinnabar color name →
#7D403B
oklch(0.447 0.085 25.9)
Konwersje koloru
- HEX
- #7d403b
- RGB
- rgb(125 64 59)
- HSL
- hsl(5 36% 36%)
- HWB
- hwb(5 23% 51%)
- OKLCH
- oklch(0.447 0.085 25.9)
- OKLab
- oklab(0.447 0.077 0.037)
- CIE Lab
- lab(35.01 26.55 15.6)
- LCH
- lch(35.01 30.79 30.4)
- CMYK
- cmyk(0% 49% 53% 51%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 8B524D
- 98645F
- A57671
- B28984
- BF9C98
- CCAFAC
- D9C3C0
- E6D6D5
- F2EBEA
Odcienie ciemniejsze
- 6C3632
- 5B2D29
- 4B2421
- 3B1B19
- 2C1311
- 1E0B09
- 110504
- 050101
- 010000
Tony
- 7E4742
- 7F4D49
- 80544F
- 815A56
- 81615D
- 816764
- 816D6B
- 817472
- 817A79
Harmonie kolorów
Komplementarna +180°
- 7D403B
Raw Cinnabar
- 006069
≈ Turkish Aqua
Analogowa -30° +30°
- 7D403B
Raw Cinnabar
- 793F56
≈ Red Jade
- 784720
≈ Ancient Planks
Triada +120° +240°
- 7D403B
Raw Cinnabar
- 326136
≈ Deep Into the Wood
- 3E5284
≈ Blue Jewel
Komplementarna rozszczepiona +150° +210°
- 7D403B
Raw Cinnabar
- 006352
≈ Philodendron
- 175B7D
≈ Commandes
Tetrada +90° +180° +270°
- 7D403B
Raw Cinnabar
- 525A1B
≈ Obscure Olive
- 006069
≈ Turkish Aqua
- 594A7E
≈ Gentian Violet
Kontrast i dostępność
Ag
AAANa bieli
WCAG 7.86:1 · APCA Lc 87
Ag
FailNa czerni
WCAG 2.66:1 · APCA Lc 15
Najlepszy kolor tekstu: #FFFFFF
WCAG 7.86:1 (AAA) · APCA Lc 87
Contrast pairs
Fragmenty kodu
CSS
:root {
--raw-cinnabar: #7d403b;
--raw-cinnabar-rgb: 125 64 59;
--raw-cinnabar-oklch: oklch(0.447 0.085 25.9);
}
.element {
color: var(--raw-cinnabar);
background-color: hsl(5 36% 36%);
border-color: oklch(0.447 0.085 25.9);
}Tailwind CSS v4
@theme {
--color-raw-cinnabar: #7d403b;
--color-raw-cinnabar-50: #ffede8;
--color-raw-cinnabar-100: #ffded8;
--color-raw-cinnabar-200: #f7c7c0;
--color-raw-cinnabar-300: #e0a79f;
--color-raw-cinnabar-400: #cc8b84;
--color-raw-cinnabar-500: #b86f68;
--color-raw-cinnabar-600: #9c5e59;
--color-raw-cinnabar-700: #7d4b47;
--color-raw-cinnabar-800: #5d3634;
--color-raw-cinnabar-900: #412523;
--color-raw-cinnabar-950: #291312;
}SCSS
$raw-cinnabar: #7d403b;
$raw-cinnabar-rgb: 125, 64, 59;
$raw-cinnabar-light: mix(#fff, $raw-cinnabar, 20%);
$raw-cinnabar-dark: mix(#000, $raw-cinnabar, 20%);
.element {
color: $raw-cinnabar;
box-shadow: 0 0 0 2px rgba($raw-cinnabar, 0.35);
}