Adlandırılmış renk · #64856B
Comfrey
Comfrey, #64856B: rgb(100 133 107), hsl(133 14% 46%), oklch(0.584 0.054 150.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Comfrey color name →
#64856B
oklch(0.584 0.054 150.9)
Renk dönüşümleri
- HEX
- #64856b
- RGB
- rgb(100 133 107)
- HSL
- hsl(133 14% 46%)
- HWB
- hwb(133 39% 48%)
- OKLCH
- oklch(0.584 0.054 150.9)
- OKLab
- oklab(0.584 -0.048 0.026)
- CIE Lab
- lab(52.44 -16.35 10.11)
- LCH
- lch(52.44 19.22 148.3)
- CMYK
- cmyk(25% 0% 20% 48%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 739179
- 829C87
- 91A895
- A0B4A4
- AFC0B2
- BFCDC1
- CFD9D0
- DFE6E0
- EFF2EF
Koyu tonlar
- 56735C
- 48614E
- 3B503F
- 2E4032
- 223025
- 162118
- 0B130D
- 030604
- 000100
Gri tonlar
- 67856D
- 6A846F
- 6D8471
- 708374
- 738376
- 758278
- 78827A
- 7B817C
- 7D817E
Renk uyumları
Tamamlayıcı +180°
- 64856B
Comfrey
- 8F708B
≈ Wine Stroll
Analog -30° +30°
- 64856B
Comfrey
- 76815C
≈ Grape Vine
- 56867D
≈ Wintergreen Dream
Üçlü +120° +240°
- 64856B
Comfrey
- 6F7A9C
≈ Quantum Blue
- 997068
≈ Antique Rose
Bölünmüş tamamlayıcı +150° +210°
- 64856B
Comfrey
- 817497
≈ Purple Haze
- 976E79
≈ Heritage Taffeta
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 4.11:1 · APCA Lc 68
Ag
AASiyah üzerinde
WCAG 5.10:1 · APCA Lc 33
En iyi metin rengi: #000000
WCAG 5.10:1 (AA) · APCA Lc 33
Contrast pairs
Kod parçacıkları
CSS
:root {
--comfrey: #64856b;
--comfrey-rgb: 100 133 107;
--comfrey-oklch: oklch(0.584 0.054 150.9);
}
.element {
color: var(--comfrey);
background-color: hsl(133 14% 46%);
border-color: oklch(0.584 0.054 150.9);
}Tailwind CSS v4
@theme {
--color-comfrey: #64856b;
--color-comfrey-50: #eafaee;
--color-comfrey-100: #dbeedf;
--color-comfrey-200: #c4dbc9;
--color-comfrey-300: #a3c0aa;
--color-comfrey-400: #88a88e;
--color-comfrey-500: #6c9174;
--color-comfrey-600: #5c7a62;
--color-comfrey-700: #49624e;
--color-comfrey-800: #354838;
--color-comfrey-900: #243226;
--color-comfrey-950: #131e15;
}SCSS
$comfrey: #64856b;
$comfrey-rgb: 100, 133, 107;
$comfrey-light: mix(#fff, $comfrey, 20%);
$comfrey-dark: mix(#000, $comfrey, 20%);
.element {
color: $comfrey;
box-shadow: 0 0 0 2px rgba($comfrey, 0.35);
}