Nazwany kolor · #4D8871
Think Leaf
Think Leaf to #4D8871: rgb(77 136 113), hsl(157 28% 42%), oklch(0.579 0.072 166.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Think Leaf color name →
#4D8871
oklch(0.579 0.072 166.8)
Konwersje koloru
- HEX
- #4d8871
- RGB
- rgb(77 136 113)
- HSL
- hsl(157 28% 42%)
- HWB
- hwb(157 30% 47%)
- OKLCH
- oklch(0.579 0.072 166.8)
- OKLab
- oklab(0.579 -0.07 0.016)
- CIE Lab
- lab(52.18 -24.48 6.08)
- LCH
- lch(52.18 25.22 166.1)
- CMYK
- cmyk(43% 0% 17% 47%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 5F937E
- 719F8C
- 82AB99
- 94B6A7
- A5C2B5
- B7CEC4
- C9DAD2
- DBE6E1
- EDF3F0
Odcienie ciemniejsze
- 427561
- 376352
- 2C5243
- 224135
- 183127
- 0F221A
- 07130E
- 020604
- 000101
Tony
- 538773
- 598774
- 5F8676
- 648577
- 698479
- 6E847A
- 73837C
- 77827D
- 7C817F
Harmonie kolorów
Komplementarna +180°
- 4D8871
Think Leaf
- 9A6983
≈ Penelope Pink
Analogowa -30° +30°
- 4D8871
Think Leaf
- 66845A
≈ Tee Off
- 3F8789
≈ Sea Caller
Triada +120° +240°
- 4D8871
Think Leaf
- 7774A3
≈ Queen’s
- 9E6D55
≈ Brownish
Komplementarna rozszczepiona +150° +210°
- 4D8871
Think Leaf
- 8C6D97
≈ Rhinestone
- A0696B
≈ Delhi Spice
Tetrada +90° +180° +270°
- 4D8871
Think Leaf
- 5E7CA5
≈ Miracle Elixir
- 9A6983
≈ Penelope Pink
- 927548
≈ Cattail Brown
Kontrast i dostępność
Ag
FailNa bieli
WCAG 4.13:1 · APCA Lc 68
Ag
AANa czerni
WCAG 5.07:1 · APCA Lc 33
Najlepszy kolor tekstu: #000000
WCAG 5.07:1 (AA) · APCA Lc 33
Contrast pairs
Fragmenty kodu
CSS
:root {
--think-leaf: #4d8871;
--think-leaf-rgb: 77 136 113;
--think-leaf-oklch: oklch(0.579 0.072 166.8);
}
.element {
color: var(--think-leaf);
background-color: hsl(157 28% 42%);
border-color: oklch(0.579 0.072 166.8);
}Tailwind CSS v4
@theme {
--color-think-leaf: #4d8871;
--color-think-leaf-50: #e2fcf1;
--color-think-leaf-100: #d2f0e4;
--color-think-leaf-200: #b7dfcf;
--color-think-leaf-300: #93c4b1;
--color-think-leaf-400: #74ac95;
--color-think-leaf-500: #53967c;
--color-think-leaf-600: #477f69;
--color-think-leaf-700: #396554;
--color-think-leaf-800: #294a3c;
--color-think-leaf-900: #1b3429;
--color-think-leaf-950: #0b1f17;
}SCSS
$think-leaf: #4d8871;
$think-leaf-rgb: 77, 136, 113;
$think-leaf-light: mix(#fff, $think-leaf, 20%);
$think-leaf-dark: mix(#000, $think-leaf, 20%);
.element {
color: $think-leaf;
box-shadow: 0 0 0 2px rgba($think-leaf, 0.35);
}