Adlandırılmış renk · #8A843B
Apeland
Apeland, #8A843B: rgb(138 132 59), hsl(55 40% 39%), oklch(0.603 0.095 104.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Apeland color name →
#8A843B
oklch(0.603 0.095 104.6)
Renk dönüşümleri
- HEX
- #8a843b
- RGB
- rgb(138 132 59)
- HSL
- hsl(55 40% 39%)
- HWB
- hwb(55 23% 46%)
- OKLCH
- oklch(0.603 0.095 104.6)
- OKLab
- oklab(0.603 -0.024 0.092)
- CIE Lab
- lab(54.51 -5.06 39.43)
- LCH
- lch(54.51 39.75 97.3)
- CMYK
- cmyk(0% 4% 57% 46%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 959050
- A09C64
- ABA877
- B7B48A
- C2C09D
- CECDB1
- DAD9C4
- E6E6D7
- F3F2EB
Koyu tonlar
- 777232
- 656029
- 534F21
- 423F19
- 322F11
- 222009
- 141204
- 070601
- 010100
Gri tonlar
- 898444
- 88844C
- 878354
- 86835B
- 858361
- 848268
- 83826E
- 828174
- 81817A
Renk uyumları
Tamamlayıcı +180°
- 8A843B
Apeland
- 7B79B8
≈ Astro Zinger
Analog -30° +30°
- 8A843B
Apeland
- A3783A
≈ Victorian Gold
- 698E52
≈ Field Time Green
Üçlü +120° +240°
- 8A843B
Apeland
- 338DAC
≈ Carol
- A9698F
≈ Cure All
Bölünmüş tamamlayıcı +150° +210°
- 8A843B
Apeland
- 5983B9
≈ Regatta
- 966FA9
≈ Ce Soir
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.85:1 · APCA Lc 66
Ag
AASiyah üzerinde
WCAG 5.44:1 · APCA Lc 36
En iyi metin rengi: #000000
WCAG 5.44:1 (AA) · APCA Lc 36
Contrast pairs
Kod parçacıkları
CSS
:root {
--apeland: #8a843b;
--apeland-rgb: 138 132 59;
--apeland-oklch: oklch(0.603 0.095 104.6);
}
.element {
color: var(--apeland);
background-color: hsl(55 40% 39%);
border-color: oklch(0.603 0.095 104.6);
}Tailwind CSS v4
@theme {
--color-apeland: #8a843b;
--color-apeland-50: #f8f8d9;
--color-apeland-100: #ebebc6;
--color-apeland-200: #d9d8a9;
--color-apeland-300: #bdbb82;
--color-apeland-400: #a7a25d;
--color-apeland-500: #908936;
--color-apeland-600: #7a742f;
--color-apeland-700: #625d26;
--color-apeland-800: #494419;
--color-apeland-900: #322f10;
--color-apeland-950: #1e1b03;
}SCSS
$apeland: #8a843b;
$apeland-rgb: 138, 132, 59;
$apeland-light: mix(#fff, $apeland, 20%);
$apeland-dark: mix(#000, $apeland, 20%);
.element {
color: $apeland;
box-shadow: 0 0 0 2px rgba($apeland, 0.35);
}