En yakın adlandırılmış renk · #649B75
#649B75
En yakın adlandırılmış renk: Leafy
#649B75 (rgb(100 155 117), hsl(139 22% 50%), oklch(0.64 0.082 153.4)) en çok Leafy 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.
#649B75
oklch(0.64 0.082 153.4)
Renk dönüşümleri
- HEX
- #649b75
- RGB
- rgb(100 155 117)
- HSL
- hsl(139 22% 50%)
- HWB
- hwb(139 39% 39%)
- OKLCH
- oklch(0.64 0.082 153.4)
- OKLab
- oklab(0.64 -0.073 0.037)
- CIE Lab
- lab(59.35 -25.29 14.01)
- LCH
- lch(59.35 28.91 151)
- CMYK
- cmyk(35% 0% 25% 39%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 74A582
- 83AF8F
- 92B89D
- A2C2AA
- B1CCB8
- C0D6C6
- D0E0D4
- DFEBE2
- EFF5F1
Koyu tonlar
- 568665
- 487255
- 3B5E46
- 2E4B37
- 223929
- 16281C
- 0B180F
- 030905
- 000101
Gri tonlar
- 689876
- 6B9677
- 6E9379
- 71907A
- 748E7B
- 778B7C
- 79887D
- 7B867E
- 7E837F
Renk uyumları
Tamamlayıcı +180°
- 649B75
Leafy
- AB7AA1
≈ Usu Pink
Analog -30° +30°
- 649B75
Leafy
- 82955C
≈ Pretty Maiden
- 4B9D91
≈ Lagoon
Üçlü +120° +240°
- 649B75
Leafy
- 7C89BE
≈ Iolite
- B87A6C
≈ Faneuil Brick
Bölünmüş tamamlayıcı +150° +210°
- 649B75
Leafy
- 9680B5
≈ Plum Burst
- B77787
≈ Mauve Seductress
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.23:1 · APCA Lc 60
Ag
AASiyah üzerinde
WCAG 6.48:1 · APCA Lc 42
En iyi metin rengi: #000000
WCAG 6.48:1 (AA) · APCA Lc 42
Contrast pairs
Kod parçacıkları
CSS
:root {
--leafy: #649b75;
--leafy-rgb: 100 155 117;
--leafy-oklch: oklch(0.64 0.082 153.4);
}
.element {
color: var(--leafy);
background-color: hsl(139 22% 50%);
border-color: oklch(0.64 0.082 153.4);
}Tailwind CSS v4
@theme {
--color-leafy: #649b75;
--color-leafy-50: #e4fdeb;
--color-leafy-100: #d3f1dc;
--color-leafy-200: #b9dfc5;
--color-leafy-300: #96c4a6;
--color-leafy-400: #78ad88;
--color-leafy-500: #59966d;
--color-leafy-600: #4c7f5c;
--color-leafy-700: #3c6649;
--color-leafy-800: #2c4b34;
--color-leafy-900: #1e3423;
--color-leafy-950: #0d1f12;
}SCSS
$leafy: #649b75;
$leafy-rgb: 100, 155, 117;
$leafy-light: mix(#fff, $leafy, 20%);
$leafy-dark: mix(#000, $leafy, 20%);
.element {
color: $leafy;
box-shadow: 0 0 0 2px rgba($leafy, 0.35);
}