En yakın adlandırılmış renk · #74B48A
#74B48A
En yakın adlandırılmış renk: Lily Pads
#74B48A (rgb(116 180 138), hsl(141 30% 58%), oklch(0.715 0.09 154.7)) en çok Lily Pads 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.
#74B48A
oklch(0.715 0.09 154.7)
Renk dönüşümleri
- HEX
- #74b48a
- RGB
- rgb(116 180 138)
- HSL
- hsl(141 30% 58%)
- HWB
- hwb(141 45% 29%)
- OKLCH
- oklch(0.715 0.09 154.7)
- OKLab
- oklab(0.715 -0.082 0.039)
- CIE Lab
- lab(68.13 -28.28 14.74)
- LCH
- lch(68.13 31.89 152.5)
- CMYK
- cmyk(36% 0% 23% 29%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 82BB95
- 90C3A1
- 9ECAAC
- ACD2B8
- BAD9C3
- C8E1CF
- D6E8DB
- E3F0E7
- F1F7F3
Koyu tonlar
- 649C77
- 548565
- 456E53
- 375842
- 294432
- 1B3022
- 0F1D14
- 050C07
- 010201
Gri tonlar
- 76AF89
- 78AA88
- 7AA487
- 7B9F86
- 7C9A85
- 7D9584
- 7E9083
- 7F8A82
- 808581
Renk uyumları
Tamamlayıcı +180°
- 74B48A
Lily Pads
- C68EBA
≈ Rock Star Pink
Analog -30° +30°
- 74B48A
Lily Pads
- 96AD6E
≈ Rural Eyes
- 59B6AA
≈ Artesian Well
Üçlü +120° +240°
- 74B48A
Lily Pads
- 929FDC
≈ Azureno
- D58F7D
≈ Orange Essential
Bölünmüş tamamlayıcı +150° +210°
- 74B48A
Lily Pads
- B095D1
≈ Biloba Flower
- D38B9C
≈ Can Can
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.43:1 · APCA Lc 48
Ag
AAASiyah üzerinde
WCAG 8.63:1 · APCA Lc 54
En iyi metin rengi: #000000
WCAG 8.63:1 (AAA) · APCA Lc 54
Contrast pairs
Kod parçacıkları
CSS
:root {
--lily-pads: #74b48a;
--lily-pads-rgb: 116 180 138;
--lily-pads-oklch: oklch(0.715 0.09 154.7);
}
.element {
color: var(--lily-pads);
background-color: hsl(141 30% 58%);
border-color: oklch(0.715 0.09 154.7);
}Tailwind CSS v4
@theme {
--color-lily-pads: #74b48a;
--color-lily-pads-50: #e1fdeb;
--color-lily-pads-100: #d0f2dc;
--color-lily-pads-200: #b6e0c5;
--color-lily-pads-300: #91c6a5;
--color-lily-pads-400: #72ae87;
--color-lily-pads-500: #51986b;
--color-lily-pads-600: #45805b;
--color-lily-pads-700: #376749;
--color-lily-pads-800: #284b33;
--color-lily-pads-900: #1b3423;
--color-lily-pads-950: #0b2012;
}SCSS
$lily-pads: #74b48a;
$lily-pads-rgb: 116, 180, 138;
$lily-pads-light: mix(#fff, $lily-pads, 20%);
$lily-pads-dark: mix(#000, $lily-pads, 20%);
.element {
color: $lily-pads;
box-shadow: 0 0 0 2px rgba($lily-pads, 0.35);
}