En yakın adlandırılmış renk · #739500
#739500
En yakın adlandırılmış renk: Green Thumb
#739500 (rgb(115 149 0), hsl(74 100% 29%), oklch(0.621 0.155 124.2)) en çok Green Thumb adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#739500
oklch(0.621 0.155 124.2)
Renk dönüşümleri
- HEX
- #739500
- RGB
- rgb(115 149 0)
- HSL
- hsl(74 100% 29%)
- HWB
- hwb(74 0% 42%)
- OKLCH
- oklch(0.621 0.155 124.2)
- OKLab
- oklab(0.621 -0.087 0.128)
- CIE Lab
- lab(57.42 -25.27 59.2)
- LCH
- lch(57.42 64.37 113.1)
- CMYK
- cmyk(23% 0% 100% 42%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 80A033
- 8DAA4F
- 9BB567
- A8C07D
- B6CA93
- C4D5A9
- D3DFBE
- E1EAD4
- F0F4E9
Koyu tonlar
- 638100
- 546D00
- 455A00
- 364800
- 283700
- 1B2600
- 0F1600
- 050800
- 010100
Gri tonlar
- 749324
- 759135
- 779042
- 788E4D
- 798C57
- 7B8960
- 7C8769
- 7D8571
- 7F8379
Renk uyumları
Tamamlayıcı +180°
- 739500
Green Thumb
- 9B6BD1
≈ Iridescent Purple
Analog -30° +30°
- 739500
Green Thumb
- A08400
≈ Pestilence
- 06A05A
≈ Shamrock
Üçlü +120° +240°
- 739500
Green Thumb
- 008DDB
≈ Blue Cola
- D0587B
≈ Peppermint Swirl
Bölünmüş tamamlayıcı +150° +210°
- 739500
Green Thumb
- 6B7CE2
≈ Pan Purple
- BD5EAC
≈ Mazzy Star
Dörtlü +90° +180° +270°
- 739500
Green Thumb
- 0097AF
≈ Aquarium Diver
- 9B6BD1
≈ Iridescent Purple
- D35D42
≈ Flame Stitch
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.48:1 · APCA Lc 62
Ag
AASiyah üzerinde
WCAG 6.02:1 · APCA Lc 40
En iyi metin rengi: #000000
WCAG 6.02:1 (AA) · APCA Lc 40
Contrast pairs
Kod parçacıkları
CSS
:root {
--green-thumb: #739500;
--green-thumb-rgb: 115 149 0;
--green-thumb-oklch: oklch(0.621 0.155 124.2);
}
.element {
color: var(--green-thumb);
background-color: hsl(74 100% 29%);
border-color: oklch(0.621 0.155 124.2);
}Tailwind CSS v4
@theme {
--color-green-thumb: #739500;
--color-green-thumb-50: #eafece;
--color-green-thumb-100: #dbf2ba;
--color-green-thumb-200: #c3e198;
--color-green-thumb-300: #a3c66b;
--color-green-thumb-400: #8bad39;
--color-green-thumb-500: #719600;
--color-green-thumb-600: #607f00;
--color-green-thumb-700: #4c6500;
--color-green-thumb-800: #3a4a00;
--color-green-thumb-900: #273300;
--color-green-thumb-950: #161f00;
}SCSS
$green-thumb: #739500;
$green-thumb-rgb: 115, 149, 0;
$green-thumb-light: mix(#fff, $green-thumb, 20%);
$green-thumb-dark: mix(#000, $green-thumb, 20%);
.element {
color: $green-thumb;
box-shadow: 0 0 0 2px rgba($green-thumb, 0.35);
}