Adlandırılmış renk · #72664F
Adventurer
Adventurer, #72664F: rgb(114 102 79), hsl(39 18% 38%), oklch(0.515 0.038 83.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Brown mean? → · Adventurer color name →
#72664F
oklch(0.515 0.038 83.5)
Renk dönüşümleri
- HEX
- #72664f
- RGB
- rgb(114 102 79)
- HSL
- hsl(39 18% 38%)
- HWB
- hwb(39 31% 55%)
- OKLCH
- oklch(0.515 0.038 83.5)
- OKLab
- oklab(0.515 0.004 0.037)
- CIE Lab
- lab(43.86 2.07 14.88)
- LCH
- lch(43.86 15.03 82.1)
- CMYK
- cmyk(0% 11% 31% 55%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 7F745F
- 8D8370
- 9A9181
- A8A092
- B6B0A3
- C4BFB5
- D3CFC7
- E1DFD9
- F0EFEC
Koyu tonlar
- 625844
- 534A38
- 443C2E
- 362F23
- 282319
- 1B1710
- 0E0C07
- 040402
- 010000
Gri tonlar
- 736954
- 756B59
- 766E5E
- 787063
- 797368
- 7A766C
- 7C7871
- 7D7B76
- 7F7D7B
Renk uyumları
Tamamlayıcı +180°
- 72664F
Adventurer
- 5C687E
≈ Spinning Blue
Analog -30° +30°
- 72664F
Adventurer
- 796253
≈ Traditional
- 676A51
≈ Siam
Üçlü +120° +240°
- 72664F
Adventurer
- 4E6E71
≈ Sequoia Lake
- 736174
≈ Purple Kasbah
Bölünmüş tamamlayıcı +150° +210°
- 72664F
Adventurer
- 526C7A
≈ Morro Bay
- 68647C
≈ Swollen Sky
Dörtlü +90° +180° +270°
- 72664F
Adventurer
- 516F66
≈ Bridgewater
- 5C687E
≈ Spinning Blue
- 7A5F69
≈ Pretty Puce
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 5.63:1 · APCA Lc 78
Ag
FailSiyah üzerinde
WCAG 3.72:1 · APCA Lc 24
En iyi metin rengi: #FFFFFF
WCAG 5.63:1 (AA) · APCA Lc 78
Contrast pairs
Kod parçacıkları
CSS
:root {
--adventurer: #72664f;
--adventurer-rgb: 114 102 79;
--adventurer-oklch: oklch(0.515 0.038 83.5);
}
.element {
color: var(--adventurer);
background-color: hsl(39 18% 38%);
border-color: oklch(0.515 0.038 83.5);
}Tailwind CSS v4
@theme {
--color-adventurer: #72664f;
--color-adventurer-50: #faf5e9;
--color-adventurer-100: #ede7da;
--color-adventurer-200: #dbd3c3;
--color-adventurer-300: #c0b6a2;
--color-adventurer-400: #a99d86;
--color-adventurer-500: #92846a;
--color-adventurer-600: #7c705a;
--color-adventurer-700: #635a48;
--color-adventurer-800: #494134;
--color-adventurer-900: #332d23;
--color-adventurer-950: #1e1a12;
}SCSS
$adventurer: #72664f;
$adventurer-rgb: 114, 102, 79;
$adventurer-light: mix(#fff, $adventurer, 20%);
$adventurer-dark: mix(#000, $adventurer, 20%);
.element {
color: $adventurer;
box-shadow: 0 0 0 2px rgba($adventurer, 0.35);
}