Najbliższy nazwany kolor · #74B48A
#74B48A
Najbliższy nazwany kolor: Lily Pads
#74B48A (rgb(116 180 138), hsl(141 30% 58%), oklch(0.715 0.09 154.7)) jest najbliższy nazwanemu kolorowi Lily Pads. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#74B48A
oklch(0.715 0.09 154.7)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 82BB95
- 90C3A1
- 9ECAAC
- ACD2B8
- BAD9C3
- C8E1CF
- D6E8DB
- E3F0E7
- F1F7F3
Odcienie ciemniejsze
- 649C77
- 548565
- 456E53
- 375842
- 294432
- 1B3022
- 0F1D14
- 050C07
- 010201
Tony
- 76AF89
- 78AA88
- 7AA487
- 7B9F86
- 7C9A85
- 7D9584
- 7E9083
- 7F8A82
- 808581
Harmonie kolorów
Komplementarna +180°
- 74B48A
Lily Pads
- C68EBA
≈ Rock Star Pink
Analogowa -30° +30°
- 74B48A
Lily Pads
- 96AD6E
≈ Rural Eyes
- 59B6AA
≈ Artesian Well
Triada +120° +240°
- 74B48A
Lily Pads
- 929FDC
≈ Azureno
- D58F7D
≈ Orange Essential
Komplementarna rozszczepiona +150° +210°
- 74B48A
Lily Pads
- B095D1
≈ Biloba Flower
- D38B9C
≈ Can Can
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.43:1 · APCA Lc 48
Ag
AAANa czerni
WCAG 8.63:1 · APCA Lc 54
Najlepszy kolor tekstu: #000000
WCAG 8.63:1 (AAA) · APCA Lc 54
Contrast pairs
Fragmenty kodu
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);
}