En yakın adlandırılmış renk · #29674A
#29674A
En yakın adlandırılmış renk: Forest Serenade
#29674A (rgb(41 103 74), hsl(152 43% 28%), oklch(0.465 0.08 160.5)) en çok Forest Serenade 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.
#29674A
oklch(0.465 0.08 160.5)
Renk dönüşümleri
- HEX
- #29674a
- RGB
- rgb(41 103 74)
- HSL
- hsl(152 43% 28%)
- HWB
- hwb(152 16% 60%)
- OKLCH
- oklch(0.465 0.08 160.5)
- OKLab
- oklab(0.465 -0.076 0.027)
- CIE Lab
- lab(38.95 -26.61 10.18)
- LCH
- lch(38.95 28.49 159.1)
- CMYK
- cmyk(60% 0% 28% 60%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 40755A
- 55846B
- 6A937C
- 7EA28E
- 93B1A0
- A8C0B2
- BECFC5
- D3DFD8
- E9EFEB
Koyu tonlar
- 22593F
- 1C4B35
- 153D2A
- 0F3020
- 092317
- 05170E
- 020C06
- 010402
- 000000
Gri tonlar
- 346A4F
- 3E6C55
- 476F5A
- 50715F
- 587465
- 60766A
- 697970
- 707B75
- 787E7A
Renk uyumları
Tamamlayıcı +180°
- 29674A
Forest Serenade
- 774767
≈ Scintillating Violet
Analog -30° +30°
- 29674A
Forest Serenade
- 4A6230
≈ Gemstone Green
- 006764
≈ Peacock Pride
Üçlü +120° +240°
- 29674A
Forest Serenade
- 515485
≈ Baby Whale
- 7F4935
≈ Tortoise Shell
Bölünmüş tamamlayıcı +150° +210°
- 29674A
Forest Serenade
- 674C7B
≈ Benevolence
- 7F454F
≈ Dark Strawberry
Dörtlü +90° +180° +270°
- 29674A
Forest Serenade
- 355C85
≈ Pelagic
- 774767
≈ Scintillating Violet
- 765121
≈ Trojan Horse Brown
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.70:1 · APCA Lc 83
Ag
FailSiyah üzerinde
WCAG 3.13:1 · APCA Lc 19
En iyi metin rengi: #FFFFFF
WCAG 6.70:1 (AA) · APCA Lc 83
Contrast pairs
Kod parçacıkları
CSS
:root {
--forest-serenade: #29674a;
--forest-serenade-rgb: 41 103 74;
--forest-serenade-oklch: oklch(0.465 0.08 160.5);
}
.element {
color: var(--forest-serenade);
background-color: hsl(152 43% 28%);
border-color: oklch(0.465 0.08 160.5);
}Tailwind CSS v4
@theme {
--color-forest-serenade: #29674a;
--color-forest-serenade-50: #e2fdee;
--color-forest-serenade-100: #d1f1e0;
--color-forest-serenade-200: #b6e0ca;
--color-forest-serenade-300: #92c5ab;
--color-forest-serenade-400: #73ad8f;
--color-forest-serenade-500: #529774;
--color-forest-serenade-600: #467f63;
--color-forest-serenade-700: #38664f;
--color-forest-serenade-800: #284b38;
--color-forest-serenade-900: #1b3426;
--color-forest-serenade-950: #0b1f15;
}SCSS
$forest-serenade: #29674a;
$forest-serenade-rgb: 41, 103, 74;
$forest-serenade-light: mix(#fff, $forest-serenade, 20%);
$forest-serenade-dark: mix(#000, $forest-serenade, 20%);
.element {
color: $forest-serenade;
box-shadow: 0 0 0 2px rgba($forest-serenade, 0.35);
}