Adlandırılmış renk · #759465
Van Gogh Olives
Van Gogh Olives, #759465: rgb(117 148 101), hsl(100 19% 49%), oklch(0.63 0.076 135.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Van Gogh Olives color name →
#759465
oklch(0.63 0.076 135.3)
Renk dönüşümleri
- HEX
- #759465
- RGB
- rgb(117 148 101)
- HSL
- hsl(100 19% 49%)
- HWB
- hwb(100 40% 42%)
- OKLCH
- oklch(0.63 0.076 135.3)
- OKLab
- oklab(0.63 -0.054 0.054)
- CIE Lab
- lab(58.01 -18.09 21.23)
- LCH
- lch(58.01 27.9 130.4)
- CMYK
- cmyk(21% 0% 32% 42%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 829E74
- 8FA983
- 9DB392
- AABEA1
- B8C9B0
- C6D3C0
- D4DECF
- E2E9DF
- F1F4EF
Koyu tonlar
- 658057
- 556D49
- 465A3C
- 37482F
- 293622
- 1C2617
- 0F160C
- 050803
- 010100
Gri tonlar
- 769268
- 77906B
- 798E6E
- 7A8C71
- 7B8A73
- 7C8876
- 7D8679
- 7E847B
- 7F827E
Renk uyumları
Tamamlayıcı +180°
- 759465
Van Gogh Olives
- 9B7BA9
≈ Virtuous
Analog -30° +30°
- 759465
Van Gogh Olives
- 908C54
≈ Cornus Green
- 5A987E
≈ Succulent Green
Üçlü +120° +240°
- 759465
Van Gogh Olives
- 6A8CB7
≈ Blue Dazzle
- B3767A
≈ Precious Garnet
Bölünmüş tamamlayıcı +150° +210°
- 759465
Van Gogh Olives
- 8483B6
≈ Aster Purple
- AB7794
≈ Cipher
Dörtlü +90° +180° +270°
- 759465
Van Gogh Olives
- 5293AC
≈ Jet Ski
- 9B7BA9
≈ Virtuous
- B07B62
≈ Tawny Birch
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.39:1 · APCA Lc 61
Ag
AASiyah üzerinde
WCAG 6.18:1 · APCA Lc 40
En iyi metin rengi: #000000
WCAG 6.18:1 (AA) · APCA Lc 40
Contrast pairs
Kod parçacıkları
CSS
:root {
--van-gogh-olives: #759465;
--van-gogh-olives-rgb: 117 148 101;
--van-gogh-olives-oklch: oklch(0.63 0.076 135.3);
}
.element {
color: var(--van-gogh-olives);
background-color: hsl(100 19% 49%);
border-color: oklch(0.63 0.076 135.3);
}Tailwind CSS v4
@theme {
--color-van-gogh-olives: #759465;
--color-van-gogh-olives-50: #ebfbe5;
--color-van-gogh-olives-100: #dceed6;
--color-van-gogh-olives-200: #c5dcbd;
--color-van-gogh-olives-300: #a5c19b;
--color-van-gogh-olives-400: #8ba97c;
--color-van-gogh-olives-500: #70925e;
--color-van-gogh-olives-600: #5f7b50;
--color-van-gogh-olives-700: #4c6340;
--color-van-gogh-olives-800: #38482d;
--color-van-gogh-olives-900: #26321e;
--color-van-gogh-olives-950: #141e0e;
}SCSS
$van-gogh-olives: #759465;
$van-gogh-olives-rgb: 117, 148, 101;
$van-gogh-olives-light: mix(#fff, $van-gogh-olives, 20%);
$van-gogh-olives-dark: mix(#000, $van-gogh-olives, 20%);
.element {
color: $van-gogh-olives;
box-shadow: 0 0 0 2px rgba($van-gogh-olives, 0.35);
}