Adlandırılmış renk · #468741
Level Up
Level Up, #468741: rgb(70 135 65), hsl(116 35% 39%), oklch(0.563 0.123 142.4). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Level Up color name →
#468741
oklch(0.563 0.123 142.4)
Renk dönüşümleri
- HEX
- #468741
- RGB
- rgb(70 135 65)
- HSL
- hsl(116 35% 39%)
- HWB
- hwb(116 25% 47%)
- OKLCH
- oklch(0.563 0.123 142.4)
- OKLab
- oklab(0.563 -0.097 0.075)
- CIE Lab
- lab(50.75 -32.93 30.63)
- LCH
- lch(50.75 44.97 137.1)
- CMYK
- cmyk(48% 0% 52% 47%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 599354
- 6B9F67
- 7EAB79
- 90B68C
- A2C29E
- B4CEB1
- C7DAC4
- D9E7D8
- ECF3EB
Koyu tonlar
- 3C7537
- 32632E
- 285125
- 1E411C
- 153113
- 0D210B
- 051305
- 020601
- 000100
Gri tonlar
- 4D8748
- 54864F
- 5A8656
- 60855C
- 668463
- 6B8469
- 71836F
- 768275
- 7B817A
Renk uyumları
Tamamlayıcı +180°
- 468741
Level Up
- 975B9F
≈ Heath Spotted Orchid
Analog -30° +30°
- 468741
Level Up
- 777C07
≈ Flag Green
- 00896E
≈ Industrial Turquoise
Üçlü +120° +240°
- 468741
Level Up
- 4D73BD
≈ Diva Violet
- B25453
≈ Deep Rose
Bölünmüş tamamlayıcı +150° +210°
- 468741
Level Up
- 7866B7
≈ Ultra Violet
- AA547C
≈ Guppy Violet
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 4.37:1 · APCA Lc 70
Ag
AASiyah üzerinde
WCAG 4.80:1 · APCA Lc 32
En iyi metin rengi: #000000
WCAG 4.80:1 (AA) · APCA Lc 32
Contrast pairs
Kod parçacıkları
CSS
:root {
--level-up: #468741;
--level-up-rgb: 70 135 65;
--level-up-oklch: oklch(0.563 0.123 142.4);
}
.element {
color: var(--level-up);
background-color: hsl(116 35% 39%);
border-color: oklch(0.563 0.123 142.4);
}Tailwind CSS v4
@theme {
--color-level-up: #468741;
--color-level-up-50: #e1ffe0;
--color-level-up-100: #d0f3cf;
--color-level-up-200: #b5e3b4;
--color-level-up-300: #90c890;
--color-level-up-400: #72b16d;
--color-level-up-500: #519a4b;
--color-level-up-600: #458241;
--color-level-up-700: #376833;
--color-level-up-800: #294c22;
--color-level-up-900: #1c3516;
--color-level-up-950: #0c2008;
}SCSS
$level-up: #468741;
$level-up-rgb: 70, 135, 65;
$level-up-light: mix(#fff, $level-up, 20%);
$level-up-dark: mix(#000, $level-up, 20%);
.element {
color: $level-up;
box-shadow: 0 0 0 2px rgba($level-up, 0.35);
}