En yakın adlandırılmış renk · #438443
#438443
En yakın adlandırılmış renk: Beanpole
#438443 (rgb(67 132 67), hsl(120 33% 39%), oklch(0.554 0.118 143.8)) en çok Beanpole 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.
#438443
oklch(0.554 0.118 143.8)
Renk dönüşümleri
- HEX
- #438443
- RGB
- rgb(67 132 67)
- HSL
- hsl(120 33% 39%)
- HWB
- hwb(120 26% 48%)
- OKLCH
- oklch(0.554 0.118 143.8)
- OKLab
- oklab(0.554 -0.095 0.07)
- CIE Lab
- lab(49.65 -32.41 28.23)
- LCH
- lch(49.65 42.98 138.9)
- CMYK
- cmyk(49% 0% 49% 48%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 569055
- 699C68
- 7BA87A
- 8EB48C
- A0C19F
- B3CDB2
- C6D9C5
- D9E6D8
- ECF2EB
Koyu tonlar
- 397239
- 2F602F
- 264F26
- 1D3F1D
- 142F14
- 0C200C
- 051205
- 010601
- 000100
Gri tonlar
- 4B844A
- 528451
- 588357
- 5E835D
- 648363
- 6A8269
- 70826F
- 758175
- 7B817A
Renk uyumları
Tamamlayıcı +180°
- 438443
Beanpole
- 94599A
≈ Purplish
Analog -30° +30°
- 438443
Beanpole
- 737A13
≈ Portuguese Green
- 00866E
≈ Viridis
Üçlü +120° +240°
- 438443
Beanpole
- 4E70B7
≈ Azraq Blue
- AD5450
≈ Fortune Red
Bölünmüş tamamlayıcı +150° +210°
- 438443
Beanpole
- 7763B0
≈ Genestealer Purple
- A65378
≈ Cranbrook
Dörtlü +90° +180° +270°
- 438443
Beanpole
- 007CAB
≈ Jacuzzi
- 94599A
≈ Purplish
- A75D25
≈ Scarecrow Frown
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 4.54:1 · APCA Lc 71
Ag
AASiyah üzerinde
WCAG 4.62:1 · APCA Lc 30
En iyi metin rengi: #000000
WCAG 4.62:1 (AA) · APCA Lc 30
Contrast pairs
Kod parçacıkları
CSS
:root {
--beanpole: #438443;
--beanpole-rgb: 67 132 67;
--beanpole-oklch: oklch(0.554 0.118 143.8);
}
.element {
color: var(--beanpole);
background-color: hsl(120 33% 39%);
border-color: oklch(0.554 0.118 143.8);
}Tailwind CSS v4
@theme {
--color-beanpole: #438443;
--color-beanpole-50: #e1ffe1;
--color-beanpole-100: #d0f3d1;
--color-beanpole-200: #b5e2b6;
--color-beanpole-300: #90c893;
--color-beanpole-400: #72b171;
--color-beanpole-500: #519a50;
--color-beanpole-600: #458245;
--color-beanpole-700: #376837;
--color-beanpole-800: #294c25;
--color-beanpole-900: #1b3518;
--color-beanpole-950: #0b2009;
}SCSS
$beanpole: #438443;
$beanpole-rgb: 67, 132, 67;
$beanpole-light: mix(#fff, $beanpole, 20%);
$beanpole-dark: mix(#000, $beanpole, 20%);
.element {
color: $beanpole;
box-shadow: 0 0 0 2px rgba($beanpole, 0.35);
}