En yakın adlandırılmış renk · #006100
#006100
En yakın adlandırılmış renk: Cucumber
#006100 (rgb(0 97 0), hsl(120 100% 19%), oklch(0.427 0.145 142.5)) en çok Cucumber 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.
#006100
oklch(0.427 0.145 142.5)
Renk dönüşümleri
- HEX
- #006100
- RGB
- rgb(0 97 0)
- HSL
- hsl(120 100% 19%)
- HWB
- hwb(120 0% 62%)
- OKLCH
- oklch(0.427 0.145 142.5)
- OKLab
- oklab(0.427 -0.115 0.088)
- CIE Lab
- lab(35.14 -39.05 39.9)
- LCH
- lch(35.14 55.83 134.4)
- CMYK
- cmyk(100% 0% 100% 62%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 297025
- 43803E
- 5A8F56
- 729F6D
- 89AF85
- A0BE9D
- B7CEB5
- CFDECD
- E7EFE6
Koyu tonlar
- 005300
- 004600
- 003900
- 002D00
- 002100
- 001500
- 000B00
- 000300
- 000000
Gri tonlar
- 1B6518
- 2B6827
- 386B34
- 436F40
- 4E724B
- 587556
- 637860
- 6D7B6B
- 767D75
Renk uyumları
Tamamlayıcı +180°
- 006100
Cucumber
- 722B7C
≈ Maximum Purple
Analog -30° +30°
- 006100
Cucumber
- 505400
≈ Douro
- 005D4A
≈ Evergreen
Üçlü +120° +240°
- 006100
Cucumber
- 20499D
≈ Sea of Tears
- 8D1F27
≈ Shinshu
Bölünmüş tamamlayıcı +150° +210°
- 006100
Cucumber
- 543996
≈ Ruthless Empress
- 862056
≈ Violettuce
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 7.74:1 · APCA Lc 86
Ag
FailSiyah üzerinde
WCAG 2.70:1 · APCA Lc 16
En iyi metin rengi: #FFFFFF
WCAG 7.74:1 (AAA) · APCA Lc 86
Contrast pairs
Kod parçacıkları
CSS
:root {
--cucumber: #006100;
--cucumber-rgb: 0 97 0;
--cucumber-oklch: oklch(0.427 0.145 142.5);
}
.element {
color: var(--cucumber);
background-color: hsl(120 100% 19%);
border-color: oklch(0.427 0.145 142.5);
}Tailwind CSS v4
@theme {
--color-cucumber: #006100;
--color-cucumber-50: #ddffdc;
--color-cucumber-100: #cbf5ca;
--color-cucumber-200: #aee5ae;
--color-cucumber-300: #88cb88;
--color-cucumber-400: #68b462;
--color-cucumber-500: #429d3d;
--color-cucumber-600: #398535;
--color-cucumber-700: #2d6b2a;
--color-cucumber-800: #234e1a;
--color-cucumber-900: #173611;
--color-cucumber-950: #082104;
}SCSS
$cucumber: #006100;
$cucumber-rgb: 0, 97, 0;
$cucumber-light: mix(#fff, $cucumber, 20%);
$cucumber-dark: mix(#000, $cucumber, 20%);
.element {
color: $cucumber;
box-shadow: 0 0 0 2px rgba($cucumber, 0.35);
}