Adlandırılmış renk · #60B922
Field Green
Field Green, #60B922: rgb(96 185 34), hsl(95 69% 43%), oklch(0.703 0.197 136.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? → · Field Green color name →
#60B922
oklch(0.703 0.197 136.1)
Renk dönüşümleri
- HEX
- #60b922
- RGB
- rgb(96 185 34)
- HSL
- hsl(95 69% 43%)
- HWB
- hwb(95 13% 27%)
- OKLCH
- oklch(0.703 0.197 136.1)
- OKLab
- oklab(0.703 -0.142 0.136)
- CIE Lab
- lab(67.64 -45.92 60.65)
- LCH
- lch(67.64 76.07 127.1)
- CMYK
- cmyk(48% 0% 82% 27%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 71C144
- 82C85E
- 92CF74
- A2D689
- B1DD9D
- C1E4B1
- D0EBC5
- E0F2D8
- EFF9EC
Koyu tonlar
- 52A01C
- 458916
- 387111
- 2C5B0B
- 204607
- 153103
- 0A1E01
- 030D00
- 000200
Gri tonlar
- 65B436
- 69AE44
- 6DA94F
- 71A358
- 749D60
- 779868
- 79926E
- 7C8C75
- 7E867B
Renk uyumları
Tamamlayıcı +180°
- 60B922
Field Green
- CE72F0
≈ Fake Love
Analog -30° +30°
- 60B922
Field Green
- ACA400
≈ Jīn Sè Gold
- 00BB8A
≈ Slime Girl
Üçlü +120° +240°
- 60B922
Field Green
- 58A0FF
≈ Blue Chaos
- FF6276
≈ Kisses and Hugs
Bölünmüş tamamlayıcı +150° +210°
- 60B922
Field Green
- 998DFF
≈ Lavender Blue Shadow
- F163B9
≈ Crumbly Lipstick
Dörtlü +90° +180° +270°
- 60B922
Field Green
- 00AFDF
≈ Royal Peacock
- CE72F0
≈ Fake Love
- FD6E03
≈ Flush Orange
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.48:1 · APCA Lc 48
Ag
AAASiyah üzerinde
WCAG 8.46:1 · APCA Lc 54
En iyi metin rengi: #000000
WCAG 8.46:1 (AAA) · APCA Lc 54
Contrast pairs
Kod parçacıkları
CSS
:root {
--field-green: #60b922;
--field-green-rgb: 96 185 34;
--field-green-oklch: oklch(0.703 0.197 136.1);
}
.element {
color: var(--field-green);
background-color: hsl(95 69% 43%);
border-color: oklch(0.703 0.197 136.1);
}Tailwind CSS v4
@theme {
--color-field-green: #60b922;
--color-field-green-50: #daffcd;
--color-field-green-100: #c8f8b8;
--color-field-green-200: #aae895;
--color-field-green-300: #82cf67;
--color-field-green-400: #63b72e;
--color-field-green-500: #3ca000;
--color-field-green-600: #348800;
--color-field-green-700: #296d00;
--color-field-green-800: #214f00;
--color-field-green-900: #163700;
--color-field-green-950: #072200;
}SCSS
$field-green: #60b922;
$field-green-rgb: 96, 185, 34;
$field-green-light: mix(#fff, $field-green, 20%);
$field-green-dark: mix(#000, $field-green, 20%);
.element {
color: $field-green;
box-shadow: 0 0 0 2px rgba($field-green, 0.35);
}