Adlandırılmış renk · #454129
Strong Tone Wash
Strong Tone Wash, #454129: rgb(69 65 41), hsl(51 25% 22%), oklch(0.372 0.038 99.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Brown mean? → · Strong Tone Wash color name →
#454129
oklch(0.372 0.038 99.9)
Renk dönüşümleri
- HEX
- #454129
- RGB
- rgb(69 65 41)
- HSL
- hsl(51 25% 22%)
- HWB
- hwb(51 16% 73%)
- OKLCH
- oklch(0.372 0.038 99.9)
- OKLab
- oklab(0.372 -0.007 0.038)
- CIE Lab
- lab(27.43 -1.4 15.32)
- LCH
- lch(27.43 15.38 95.2)
- CMYK
- cmyk(0% 6% 41% 73%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 55523C
- 67634F
- 787563
- 8A8878
- 9D9B8D
- B0AEA3
- C3C2B9
- D7D6D0
- EBEAE7
Koyu tonlar
- 3B3722
- 312E1C
- 272515
- 1E1C0F
- 151309
- 0C0B05
- 050502
- 020101
- 000000
Gri tonlar
- 4B4731
- 504D3A
- 565342
- 5C594B
- 626054
- 68665C
- 6E6C65
- 74736E
- 7A7977
Renk uyumları
Tamamlayıcı +180°
- 454129
Strong Tone Wash
- 3C3E55
≈ Knighthood
Analog -30° +30°
- 454129
Strong Tone Wash
- 4E3D2A
≈ Witch’s Cottage
- 3A452F
≈ Mallardish
Üçlü +120° +240°
- 454129
Strong Tone Wash
- 28454E
≈ Everglade Deck
- 4E3947
≈ Peacock Purple
Bölünmüş tamamlayıcı +150° +210°
- 454129
Strong Tone Wash
- 314254
≈ Midnight Navy
- 473B50
≈ Plum Island
Dörtlü +90° +180° +270°
- 454129
Strong Tone Wash
- 274745
≈ Platoon Green
- 3C3E55
≈ Knighthood
- 53383C
≈ Port Glow
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 10.28:1 · APCA Lc 94
Ag
FailSiyah üzerinde
WCAG 2.04:1 · APCA Lc 9
En iyi metin rengi: #FFFFFF
WCAG 10.28:1 (AAA) · APCA Lc 94
Contrast pairs
Kod parçacıkları
CSS
:root {
--strong-tone-wash: #454129;
--strong-tone-wash-rgb: 69 65 41;
--strong-tone-wash-oklch: oklch(0.372 0.038 99.9);
}
.element {
color: var(--strong-tone-wash);
background-color: hsl(51 25% 22%);
border-color: oklch(0.372 0.038 99.9);
}Tailwind CSS v4
@theme {
--color-strong-tone-wash: #454129;
--color-strong-tone-wash-50: #f7f6e9;
--color-strong-tone-wash-100: #eae9da;
--color-strong-tone-wash-200: #d7d5c3;
--color-strong-tone-wash-300: #bbb8a2;
--color-strong-tone-wash-400: #a39f86;
--color-strong-tone-wash-500: #8c876a;
--color-strong-tone-wash-600: #76725a;
--color-strong-tone-wash-700: #5f5b48;
--color-strong-tone-wash-800: #464334;
--color-strong-tone-wash-900: #302e23;
--color-strong-tone-wash-950: #1d1b12;
}SCSS
$strong-tone-wash: #454129;
$strong-tone-wash-rgb: 69, 65, 41;
$strong-tone-wash-light: mix(#fff, $strong-tone-wash, 20%);
$strong-tone-wash-dark: mix(#000, $strong-tone-wash, 20%);
.element {
color: $strong-tone-wash;
box-shadow: 0 0 0 2px rgba($strong-tone-wash, 0.35);
}