Adlandırılmış renk · #465448
Rock Garden
Rock Garden, #465448: rgb(70 84 72), hsl(129 9% 30%), oklch(0.43 0.026 149.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Rock Garden color name →
#465448
oklch(0.43 0.026 149.2)
Renk dönüşümleri
- HEX
- #465448
- RGB
- rgb(70 84 72)
- HSL
- hsl(129 9% 30%)
- HWB
- hwb(129 27% 67%)
- OKLCH
- oklch(0.43 0.026 149.2)
- OKLab
- oklab(0.43 -0.023 0.013)
- CIE Lab
- lab(34.21 -7.74 5.12)
- LCH
- lch(34.21 9.28 146.5)
- CMYK
- cmyk(17% 0% 14% 67%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 576358
- 687369
- 79847B
- 8B948C
- 9EA59F
- B0B7B1
- C4C8C4
- D7DAD7
- EBEDEB
Koyu tonlar
- 3C483D
- 323C33
- 283129
- 1E261F
- 151B16
- 0D110D
- 050806
- 020202
- 000000
Gri tonlar
- 4C584D
- 515D53
- 576158
- 5D655E
- 626A63
- 686E69
- 6E736F
- 747774
- 7A7B7A
Renk uyumları
Tamamlayıcı +180°
- 465448
Rock Garden
- 584B57
≈ Deep Merlot
Analog -30° +30°
- 465448
Rock Garden
- 4E5242
≈ Forestwood
- 405550
≈ Dark Everglade
Üçlü +120° +240°
- 465448
Rock Garden
- 4A4F5F
≈ Ombre Blue
- 5D4B47
≈ Mustang
Bölünmüş tamamlayıcı +150° +210°
- 465448
Rock Garden
- 524D5C
≈ Mulled Wine
- 5C4A4F
≈ Raisin
Dörtlü +90° +180° +270°
- 465448
Rock Garden
- 43525D
≈ Nightfall
- 584B57
≈ Deep Merlot
- 5B4D42
≈ Rock
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 8.00:1 · APCA Lc 88
Ag
FailSiyah üzerinde
WCAG 2.62:1 · APCA Lc 14
En iyi metin rengi: #FFFFFF
WCAG 8.00:1 (AAA) · APCA Lc 88
Contrast pairs
Kod parçacıkları
CSS
:root {
--rock-garden: #465448;
--rock-garden-rgb: 70 84 72;
--rock-garden-oklch: oklch(0.43 0.026 149.2);
}
.element {
color: var(--rock-garden);
background-color: hsl(129 9% 30%);
border-color: oklch(0.43 0.026 149.2);
}Tailwind CSS v4
@theme {
--color-rock-garden: #465448;
--color-rock-garden-50: #f0f7f1;
--color-rock-garden-100: #e2eae3;
--color-rock-garden-200: #cdd8cf;
--color-rock-garden-300: #aebbb1;
--color-rock-garden-400: #94a396;
--color-rock-garden-500: #7b8b7d;
--color-rock-garden-600: #68766a;
--color-rock-garden-700: #535e54;
--color-rock-garden-800: #3d453d;
--color-rock-garden-900: #2a302a;
--color-rock-garden-950: #171c18;
}SCSS
$rock-garden: #465448;
$rock-garden-rgb: 70, 84, 72;
$rock-garden-light: mix(#fff, $rock-garden, 20%);
$rock-garden-dark: mix(#000, $rock-garden, 20%);
.element {
color: $rock-garden;
box-shadow: 0 0 0 2px rgba($rock-garden, 0.35);
}