En yakın adlandırılmış renk · #32240D
#32240D
En yakın adlandırılmış renk: Secret Passage
#32240D (rgb(50 36 13), hsl(37 59% 12%), oklch(0.271 0.042 77.8)) en çok Secret Passage 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.
#32240D
oklch(0.271 0.042 77.8)
Renk dönüşümleri
- HEX
- #32240d
- RGB
- rgb(50 36 13)
- HSL
- hsl(37 59% 12%)
- HWB
- hwb(37 5% 80%)
- OKLCH
- oklch(0.271 0.042 77.8)
- OKLab
- oklab(0.271 0.009 0.041)
- CIE Lab
- lab(15.48 4.55 17.2)
- LCH
- lch(15.48 17.79 75.2)
- CMYK
- cmyk(0% 28% 74% 80%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 443722
- 574A38
- 6A5F4E
- 7E7465
- 928A7D
- A7A096
- BCB7AF
- D2CEC9
- E8E7E4
Koyu tonlar
- 2A1E0A
- 221807
- 1B1205
- 140C03
- 0D0702
- 070401
- 030200
- 010000
- 000000
Gri tonlar
- 392C18
- 413523
- 483E2E
- 504739
- 585045
- 605950
- 68635C
- 706C68
- 787674
Renk uyumları
Tamamlayıcı +180°
- 32240D
Secret Passage
- 1A273B
≈ Midnight Express
Analog -30° +30°
- 32240D
Secret Passage
- 372014
≈ Scorched
- 29280E
≈ Black Swan
Üçlü +120° +240°
- 32240D
Secret Passage
- 062D2E
≈ Roof Tile Green
- 2F2034
≈ Bleached Cedar
Bölünmüş tamamlayıcı +150° +210°
- 32240D
Secret Passage
- 0C2B37
≈ Black Chasm
- 26233A
≈ Cold Steel
Dörtlü +90° +180° +270°
- 32240D
Secret Passage
- 0F2D23
≈ Guerrilla Forest
- 1A273B
≈ Midnight Express
- 361E2A
≈ Antique Burgundy
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 15.06:1 · APCA Lc 102
Ag
FailSiyah üzerinde
WCAG 1.39:1 · APCA Lc 0
En iyi metin rengi: #FFFFFF
WCAG 15.06:1 (AAA) · APCA Lc 102
Contrast pairs
Kod parçacıkları
CSS
:root {
--secret-passage: #32240d;
--secret-passage-rgb: 50 36 13;
--secret-passage-oklch: oklch(0.271 0.042 77.8);
}
.element {
color: var(--secret-passage);
background-color: hsl(37 59% 12%);
border-color: oklch(0.271 0.042 77.8);
}Tailwind CSS v4
@theme {
--color-secret-passage: #32240d;
--color-secret-passage-50: #fcf4e8;
--color-secret-passage-100: #efe7d9;
--color-secret-passage-200: #ded3c1;
--color-secret-passage-300: #c3b5a0;
--color-secret-passage-400: #ac9c83;
--color-secret-passage-500: #968367;
--color-secret-passage-600: #7f6f58;
--color-secret-passage-700: #655946;
--color-secret-passage-800: #4b4132;
--color-secret-passage-900: #342d22;
--color-secret-passage-950: #1f1a11;
}SCSS
$secret-passage: #32240d;
$secret-passage-rgb: 50, 36, 13;
$secret-passage-light: mix(#fff, $secret-passage, 20%);
$secret-passage-dark: mix(#000, $secret-passage, 20%);
.element {
color: $secret-passage;
box-shadow: 0 0 0 2px rgba($secret-passage, 0.35);
}