Nazwany kolor · #66B032
Yule Tree
Yule Tree to #66B032: rgb(102 176 50), hsl(95 56% 44%), oklch(0.684 0.174 135.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Yule Tree color name →
#66B032
oklch(0.684 0.174 135.2)
Konwersje koloru
- HEX
- #66b032
- RGB
- rgb(102 176 50)
- HSL
- hsl(95 56% 44%)
- HWB
- hwb(95 20% 31%)
- OKLCH
- oklch(0.684 0.174 135.2)
- OKLab
- oklab(0.684 -0.124 0.123)
- CIE Lab
- lab(65.18 -39.96 53.45)
- LCH
- lch(65.18 66.74 126.8)
- CMYK
- cmyk(42% 0% 72% 31%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 76B84D
- 85C063
- 94C978
- A4D18C
- B3D89F
- C2E0B2
- D1E8C6
- E0F0D9
- F0F7EC
Odcienie ciemniejsze
- 58992A
- 4A8222
- 3C6C1B
- 2F5614
- 23420D
- 172E07
- 0C1C03
- 040B01
- 000100
Tony
- 6AAB3F
- 6DA74A
- 70A253
- 739E5B
- 759963
- 789469
- 7A8F6F
- 7C8A75
- 7E857B
Harmonie kolorów
Komplementarna +180°
- 66B032
Yule Tree
- C173E2
≈ Lavender
Analogowa -30° +30°
- 66B032
Yule Tree
- A79D00
≈ Nuclear Fallout
- 00B583
≈ Dark Mountain Meadow
Triada +120° +240°
- 66B032
Yule Tree
- 489AFF
≈ Sky Dancer
- F16476
≈ Sun-Kissed Coral
Komplementarna rozszczepiona +150° +210°
- 66B032
Yule Tree
- 9185FF
≈ Periwinkle
- E266B1
≈ Pink Charge
Tetrada +90° +180° +270°
- 66B032
Yule Tree
- 00A9D5
≈ Malibu Blue
- C173E2
≈ Lavender
- EE6F2B
≈ Lava Lamp
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.68:1 · APCA Lc 52
Ag
AAANa czerni
WCAG 7.82:1 · APCA Lc 50
Najlepszy kolor tekstu: #000000
WCAG 7.82:1 (AAA) · APCA Lc 50
Contrast pairs
Fragmenty kodu
CSS
:root {
--yule-tree: #66b032;
--yule-tree-rgb: 102 176 50;
--yule-tree-oklch: oklch(0.684 0.174 135.2);
}
.element {
color: var(--yule-tree);
background-color: hsl(95 56% 44%);
border-color: oklch(0.684 0.174 135.2);
}Tailwind CSS v4
@theme {
--color-yule-tree: #66b032;
--color-yule-tree-50: #deffd1;
--color-yule-tree-100: #cdf6bd;
--color-yule-tree-200: #b1e69c;
--color-yule-tree-300: #8bcc71;
--color-yule-tree-400: #6eb440;
--color-yule-tree-500: #4c9d00;
--color-yule-tree-600: #418500;
--color-yule-tree-700: #346b00;
--color-yule-tree-800: #284e00;
--color-yule-tree-900: #1b3600;
--color-yule-tree-950: #0b2100;
}SCSS
$yule-tree: #66b032;
$yule-tree-rgb: 102, 176, 50;
$yule-tree-light: mix(#fff, $yule-tree, 20%);
$yule-tree-dark: mix(#000, $yule-tree, 20%);
.element {
color: $yule-tree;
box-shadow: 0 0 0 2px rgba($yule-tree, 0.35);
}