Nazwany kolor · #98B652
Clematis Green
Clematis Green to #98B652: rgb(152 182 82), hsl(78 41% 52%), oklch(0.732 0.132 123.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Clematis Green color name →
#98B652
oklch(0.732 0.132 123.5)
Konwersje koloru
- HEX
- #98b652
- RGB
- rgb(152 182 82)
- HSL
- hsl(78 41% 52%)
- HWB
- hwb(78 32% 29%)
- OKLCH
- oklch(0.732 0.132 123.5)
- OKLab
- oklab(0.732 -0.073 0.11)
- CIE Lab
- lab(70.2 -22.11 46.44)
- LCH
- lch(70.2 51.43 115.5)
- CMYK
- cmyk(16% 0% 55% 29%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A2BD65
- ACC578
- B6CC89
- C0D49A
- CADBAB
- D4E2BC
- DFE9CD
- EAF1DE
- F4F8EE
Odcienie ciemniejsze
- 849E46
- 70863B
- 5C6F2F
- 4A5925
- 38441A
- 273011
- 171D08
- 080C02
- 010200
Tony
- 96B159
- 93AB5F
- 91A665
- 8EA16A
- 8C9B6E
- 899672
- 879076
- 858B7A
- 82867D
Harmonie kolorów
Komplementarna +180°
- 98B652
Clematis Green
- BA93EC
≈ Luminous Lavender
Analogowa -30° +30°
- 98B652
Clematis Green
- C4A635
≈ Hey Pesto
- 5DC081
≈ Heart Chakra
Triada +120° +240°
- 98B652
Clematis Green
- 55B1F5
≈ Blue Jeans
- EC839F
≈ Iced Berry
Komplementarna rozszczepiona +150° +210°
- 98B652
Clematis Green
- 8EA1FB
≈ Periwinkle Blue
- DA88CB
≈ Pink Punk
Tetrada +90° +180° +270°
- 98B652
Clematis Green
- 00BDD9
≈ Maldives
- BA93EC
≈ Luminous Lavender
- EF8870
≈ Juicy Passionfruit
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.29:1 · APCA Lc 45
Ag
AAANa czerni
WCAG 9.14:1 · APCA Lc 57
Najlepszy kolor tekstu: #000000
WCAG 9.14:1 (AAA) · APCA Lc 57
Contrast pairs
Fragmenty kodu
CSS
:root {
--clematis-green: #98b652;
--clematis-green-rgb: 152 182 82;
--clematis-green-oklch: oklch(0.732 0.132 123.5);
}
.element {
color: var(--clematis-green);
background-color: hsl(78 41% 52%);
border-color: oklch(0.732 0.132 123.5);
}Tailwind CSS v4
@theme {
--color-clematis-green: #98b652;
--color-clematis-green-50: #ecfdd4;
--color-clematis-green-100: #ddf0c1;
--color-clematis-green-200: #c7dfa1;
--color-clematis-green-300: #a7c478;
--color-clematis-green-400: #8fab4d;
--color-clematis-green-500: #759418;
--color-clematis-green-600: #637d19;
--color-clematis-green-700: #4f6414;
--color-clematis-green-800: #3b4909;
--color-clematis-green-900: #293306;
--color-clematis-green-950: #171e00;
}SCSS
$clematis-green: #98b652;
$clematis-green-rgb: 152, 182, 82;
$clematis-green-light: mix(#fff, $clematis-green, 20%);
$clematis-green-dark: mix(#000, $clematis-green, 20%);
.element {
color: $clematis-green;
box-shadow: 0 0 0 2px rgba($clematis-green, 0.35);
}