Nazwany kolor · #6DB083
Lily Pads
Lily Pads to #6DB083: rgb(109 176 131), hsl(140 30% 56%), oklch(0.7 0.095 153.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Lily Pads color name →
#6DB083
oklch(0.7 0.095 153.9)
Konwersje koloru
- HEX
- #6db083
- RGB
- rgb(109 176 131)
- HSL
- hsl(140 30% 56%)
- HWB
- hwb(140 43% 31%)
- OKLCH
- oklch(0.7 0.095 153.9)
- OKLab
- oklab(0.7 -0.086 0.042)
- CIE Lab
- lab(66.45 -29.73 16.14)
- LCH
- lch(66.45 33.83 151.5)
- CMYK
- cmyk(38% 0% 26% 31%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 7CB88F
- 8BC09B
- 9AC8A7
- A8D0B3
- B7D7C0
- C5DFCC
- D3E7D9
- E2EFE5
- F0F7F2
Odcienie ciemniejsze
- 5E9971
- 4F8260
- 416C4F
- 33563F
- 26422F
- 192E20
- 0D1C12
- 040B06
- 010101
Tony
- 70AB83
- 73A683
- 75A282
- 779D82
- 799882
- 7B9382
- 7C8E81
- 7E8A81
- 7F8580
Harmonie kolorów
Komplementarna +180°
- 6DB083
Lily Pads
- C388B7
≈ Dragonflies
Analogowa -30° +30°
- 6DB083
Lily Pads
- 92A965
≈ Celuce
- 4EB2A5
≈ Sacred Turquoise
Triada +120° +240°
- 6DB083
Lily Pads
- 8C9ADA
≈ Portage
- D38877
≈ Zanci
Komplementarna rozszczepiona +150° +210°
- 6DB083
Lily Pads
- AB90CF
≈ Middy’s Purple
- D18598
≈ Speckled Easter Egg
Tetrada +90° +180° +270°
- 6DB083
Lily Pads
- 68A5D6
≈ Water Spirit
- C388B7
≈ Dragonflies
- C8915D
≈ Mid Tan
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.56:1 · APCA Lc 50
Ag
AAANa czerni
WCAG 8.18:1 · APCA Lc 52
Najlepszy kolor tekstu: #000000
WCAG 8.18:1 (AAA) · APCA Lc 52
Contrast pairs
Fragmenty kodu
CSS
:root {
--lily-pads: #6db083;
--lily-pads-rgb: 109 176 131;
--lily-pads-oklch: oklch(0.7 0.095 153.9);
}
.element {
color: var(--lily-pads);
background-color: hsl(140 30% 56%);
border-color: oklch(0.7 0.095 153.9);
}Tailwind CSS v4
@theme {
--color-lily-pads: #6db083;
--color-lily-pads-50: #e0feea;
--color-lily-pads-100: #cff2db;
--color-lily-pads-200: #b4e1c3;
--color-lily-pads-300: #90c6a3;
--color-lily-pads-400: #70af84;
--color-lily-pads-500: #4e9968;
--color-lily-pads-600: #438159;
--color-lily-pads-700: #356747;
--color-lily-pads-800: #274c32;
--color-lily-pads-900: #1a3522;
--color-lily-pads-950: #0a2011;
}SCSS
$lily-pads: #6db083;
$lily-pads-rgb: 109, 176, 131;
$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);
}