Adlandırılmış renk · #6D4940
Deeply Deanna
Deeply Deanna, #6D4940: rgb(109 73 64), hsl(12 26% 34%), oklch(0.443 0.052 34.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Brown mean? → · Deeply Deanna color name →
#6D4940
oklch(0.443 0.052 34.6)
Renk dönüşümleri
- HEX
- #6d4940
- RGB
- rgb(109 73 64)
- HSL
- hsl(12 26% 34%)
- HWB
- hwb(12 25% 57%)
- OKLCH
- oklch(0.443 0.052 34.6)
- OKLab
- oklab(0.443 0.043 0.029)
- CIE Lab
- lab(34.98 14.91 11.94)
- LCH
- lch(34.98 19.1 38.7)
- CMYK
- cmyk(0% 33% 41% 57%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 7B5A51
- 896B63
- 987C75
- A68E87
- B5A09A
- C3B2AE
- D2C5C2
- E1D8D6
- F0EBEA
Koyu tonlar
- 5E3E36
- 4F342D
- 412A24
- 33201B
- 261713
- 190E0B
- 0D0605
- 040201
- 010000
Gri tonlar
- 6F4E46
- 71544C
- 745953
- 765F59
- 78645F
- 796A66
- 7B6F6C
- 7D7573
- 7E7A79
Renk uyumları
Tamamlayıcı +180°
- 6D4940
Deeply Deanna
- 2E5B65
≈ Petro Blue
Analog -30° +30°
- 6D4940
Deeply Deanna
- 6C4750
≈ Mixed Berry Jam
- 684D34
≈ Tilled Soil
Üçlü +120° +240°
- 6D4940
Deeply Deanna
- 3C5C47
≈ Herbes de Provence
- 4B5170
≈ Independence
Bölünmüş tamamlayıcı +150° +210°
- 6D4940
Deeply Deanna
- 2F5D57
≈ Lacrosse
- 3A576E
≈ Atlantic Tide
Dörtlü +90° +180° +270°
- 6D4940
Deeply Deanna
- 4D5938
≈ Dark Rainforest
- 2E5B65
≈ Petro Blue
- 5A4C6B
≈ Crowning
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 7.84:1 · APCA Lc 87
Ag
FailSiyah üzerinde
WCAG 2.67:1 · APCA Lc 15
En iyi metin rengi: #FFFFFF
WCAG 7.84:1 (AAA) · APCA Lc 87
Contrast pairs
Kod parçacıkları
CSS
:root {
--deeply-deanna: #6d4940;
--deeply-deanna-rgb: 109 73 64;
--deeply-deanna-oklch: oklch(0.443 0.052 34.6);
}
.element {
color: var(--deeply-deanna);
background-color: hsl(12 26% 34%);
border-color: oklch(0.443 0.052 34.6);
}Tailwind CSS v4
@theme {
--color-deeply-deanna: #6d4940;
--color-deeply-deanna-50: #fff0eb;
--color-deeply-deanna-100: #f8e2dc;
--color-deeply-deanna-200: #e9cdc5;
--color-deeply-deanna-300: #d0afa5;
--color-deeply-deanna-400: #bb948a;
--color-deeply-deanna-500: #a67a6f;
--color-deeply-deanna-600: #8c685e;
--color-deeply-deanna-700: #70534b;
--color-deeply-deanna-800: #533c37;
--color-deeply-deanna-900: #3a2926;
--color-deeply-deanna-950: #241714;
}SCSS
$deeply-deanna: #6d4940;
$deeply-deanna-rgb: 109, 73, 64;
$deeply-deanna-light: mix(#fff, $deeply-deanna, 20%);
$deeply-deanna-dark: mix(#000, $deeply-deanna, 20%);
.element {
color: $deeply-deanna;
box-shadow: 0 0 0 2px rgba($deeply-deanna, 0.35);
}