Adlandırılmış renk · #6D8E44
Athonian Camoshade
Athonian Camoshade, #6D8E44: rgb(109 142 68), hsl(87 35% 41%), oklch(0.604 0.109 129.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Athonian Camoshade color name →
#6D8E44
oklch(0.604 0.109 129.1)
Renk dönüşümleri
- HEX
- #6d8e44
- RGB
- rgb(109 142 68)
- HSL
- hsl(87 35% 41%)
- HWB
- hwb(87 27% 44%)
- OKLCH
- oklch(0.604 0.109 129.1)
- OKLab
- oklab(0.604 -0.068 0.084)
- CIE Lab
- lab(55.22 -21.69 35.05)
- LCH
- lch(55.22 41.22 121.7)
- CMYK
- cmyk(23% 0% 52% 44%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 7B9957
- 89A46A
- 97AF7C
- A5BB8F
- B4C6A1
- C2D1B3
- D1DDC6
- E0E8D9
- F0F3EC
Koyu tonlar
- 5E7B3A
- 4F6830
- 415626
- 33441D
- 263414
- 19240C
- 0D1505
- 040702
- 010100
Gri tonlar
- 6F8D4B
- 718C52
- 738A59
- 75895F
- 778865
- 79866B
- 7A8570
- 7C8376
- 7E827B
Renk uyumları
Tamamlayıcı +180°
- 6D8E44
Athonian Camoshade
- 956FB3
≈ Violet Frog
Analog -30° +30°
- 6D8E44
Athonian Camoshade
- 928229
≈ Jungle Palm
- 3D9569
≈ Illuminati Green
Üçlü +120° +240°
- 6D8E44
Athonian Camoshade
- 4986C0
≈ Sea Salt Rivers
- B86474
≈ Slate Rose
Bölünmüş tamamlayıcı +150° +210°
- 6D8E44
Athonian Camoshade
- 747AC1
≈ Persian Jewel
- AC6797
≈ Violetta
Dörtlü +90° +180° +270°
- 6D8E44
Athonian Camoshade
- 0490AD
≈ Zeftron
- 956FB3
≈ Violet Frog
- B8694F
≈ Clay
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.74:1 · APCA Lc 65
Ag
AASiyah üzerinde
WCAG 5.60:1 · APCA Lc 37
En iyi metin rengi: #000000
WCAG 5.60:1 (AA) · APCA Lc 37
Contrast pairs
Kod parçacıkları
CSS
:root {
--athonian-camoshade: #6d8e44;
--athonian-camoshade-rgb: 109 142 68;
--athonian-camoshade-oklch: oklch(0.604 0.109 129.1);
}
.element {
color: var(--athonian-camoshade);
background-color: hsl(87 35% 41%);
border-color: oklch(0.604 0.109 129.1);
}Tailwind CSS v4
@theme {
--color-athonian-camoshade: #6d8e44;
--color-athonian-camoshade-50: #eafcdc;
--color-athonian-camoshade-100: #dbf0ca;
--color-athonian-camoshade-200: #c4deae;
--color-athonian-camoshade-300: #a4c389;
--color-athonian-camoshade-400: #8aab64;
--color-athonian-camoshade-500: #6f9441;
--color-athonian-camoshade-600: #5f7d38;
--color-athonian-camoshade-700: #4b642c;
--color-athonian-camoshade-800: #38491d;
--color-athonian-camoshade-900: #263313;
--color-athonian-camoshade-950: #151e05;
}SCSS
$athonian-camoshade: #6d8e44;
$athonian-camoshade-rgb: 109, 142, 68;
$athonian-camoshade-light: mix(#fff, $athonian-camoshade, 20%);
$athonian-camoshade-dark: mix(#000, $athonian-camoshade, 20%);
.element {
color: $athonian-camoshade;
box-shadow: 0 0 0 2px rgba($athonian-camoshade, 0.35);
}