Adlandırılmış renk · #859E94
Padded Leaf
Padded Leaf, #859E94: rgb(133 158 148), hsl(156 11% 57%), oklch(0.677 0.032 169.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? → · Padded Leaf color name →
#859E94
oklch(0.677 0.032 169.2)
Renk dönüşümleri
- HEX
- #859e94
- RGB
- rgb(133 158 148)
- HSL
- hsl(156 11% 57%)
- HWB
- hwb(156 52% 38%)
- OKLCH
- oklch(0.677 0.032 169.2)
- OKLab
- oklab(0.677 -0.031 0.006)
- CIE Lab
- lab(62.95 -10.65 2.16)
- LCH
- lch(62.95 10.87 168.5)
- CMYK
- cmyk(16% 0% 6% 38%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 91A79E
- 9DB1A9
- A8BAB3
- B4C4BE
- C1CEC8
- CDD7D3
- D9E1DE
- E6EBE9
- F2F5F4
Koyu tonlar
- 738980
- 61746D
- 50605A
- 404D48
- 303A36
- 212926
- 131816
- 060908
- 010101
Gri tonlar
- 859B92
- 849890
- 84958E
- 83928C
- 838F8A
- 828C88
- 828986
- 818684
- 818382
Renk uyumları
Tamamlayıcı +180°
- 859E94
Padded Leaf
- A7909A
≈ Nirvana
Analog -30° +30°
- 859E94
Padded Leaf
- 8E9C8A
≈ Farm Fresh
- 819E9F
≈ Laid-Back Blue
Üçlü +120° +240°
- 859E94
Padded Leaf
- 9695AA
≈ Purple Surf
- A89287
≈ Casket
Bölünmüş tamamlayıcı +150° +210°
- 859E94
Padded Leaf
- A091A4
≈ Ancestry Violet
- AA9090
≈ Ash Hollow
Dörtlü +90° +180° +270°
- 859E94
Padded Leaf
- 8C98AB
≈ Urban Vibes
- A7909A
≈ Nirvana
- A29682
≈ Bridle Path
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.87:1 · APCA Lc 55
Ag
AAASiyah üzerinde
WCAG 7.31:1 · APCA Lc 47
En iyi metin rengi: #000000
WCAG 7.31:1 (AAA) · APCA Lc 47
Contrast pairs
Kod parçacıkları
CSS
:root {
--padded-leaf: #859e94;
--padded-leaf-rgb: 133 158 148;
--padded-leaf-oklch: oklch(0.677 0.032 169.2);
}
.element {
color: var(--padded-leaf);
background-color: hsl(156 11% 57%);
border-color: oklch(0.677 0.032 169.2);
}Tailwind CSS v4
@theme {
--color-padded-leaf: #859e94;
--color-padded-leaf-50: #edf8f4;
--color-padded-leaf-100: #deebe6;
--color-padded-leaf-200: #c8d9d2;
--color-padded-leaf-300: #a8bdb5;
--color-padded-leaf-400: #8da59b;
--color-padded-leaf-500: #728d83;
--color-padded-leaf-600: #61786f;
--color-padded-leaf-700: #4d6058;
--color-padded-leaf-800: #384640;
--color-padded-leaf-900: #26302c;
--color-padded-leaf-950: #151d19;
}SCSS
$padded-leaf: #859e94;
$padded-leaf-rgb: 133, 158, 148;
$padded-leaf-light: mix(#fff, $padded-leaf, 20%);
$padded-leaf-dark: mix(#000, $padded-leaf, 20%);
.element {
color: $padded-leaf;
box-shadow: 0 0 0 2px rgba($padded-leaf, 0.35);
}