Adlandırılmış renk · #00A550
Green Pigment
Green Pigment, #00A550: rgb(0 165 80), hsl(149 100% 32%), oklch(0.632 0.17 151.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? → · Green Pigment color name →
#00A550
oklch(0.632 0.17 151.1)
Renk dönüşümleri
- HEX
- #00a550
- RGB
- rgb(0 165 80)
- HSL
- hsl(149 100% 32%)
- HWB
- hwb(149 0% 35%)
- OKLCH
- oklch(0.632 0.17 151.1)
- OKLab
- oklab(0.632 -0.149 0.082)
- CIE Lab
- lab(59.4 -52.32 33.11)
- LCH
- lch(59.4 61.91 147.7)
- CMYK
- cmyk(100% 0% 52% 35%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 3AAE62
- 57B873
- 6FC185
- 85CA96
- 9AD3A7
- AFDCB8
- C3E5CA
- D7EEDB
- EBF6ED
Koyu tonlar
- 008F44
- 007939
- 00652E
- 005124
- 003D1A
- 002B10
- 001A07
- 000A02
- 000100
Gri tonlar
- 29A256
- 3C9E5C
- 499B61
- 549766
- 5D946B
- 66906F
- 6D8C74
- 748878
- 7A847C
Renk uyumları
Tamamlayıcı +180°
- 00A550
Green Pigment
- C25DB8
≈ Mazzy Star
Analog -30° +30°
- 00A550
Green Pigment
- 7D9600
≈ Mossy Woods
- 00A08E
≈ Turquish
Üçlü +120° +240°
- 00A550
Green Pigment
- 657FEF
≈ Pan Purple
- DD5945
≈ Red Wire
Bölünmüş tamamlayıcı +150° +210°
- 00A550
Green Pigment
- 9C6CDF
≈ Matt Purple
- D85583
≈ Rose Turkish Delight
Dörtlü +90° +180° +270°
- 00A550
Green Pigment
- 0092DA
≈ Kahu Blue
- C25DB8
≈ Mazzy Star
- C77100
≈ Dirty Orange
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.23:1 · APCA Lc 59
Ag
AASiyah üzerinde
WCAG 6.49:1 · APCA Lc 43
En iyi metin rengi: #000000
WCAG 6.49:1 (AA) · APCA Lc 43
Contrast pairs
Kod parçacıkları
CSS
:root {
--green-pigment: #00a550;
--green-pigment-rgb: 0 165 80;
--green-pigment-oklch: oklch(0.632 0.17 151.1);
}
.element {
color: var(--green-pigment);
background-color: hsl(149 100% 32%);
border-color: oklch(0.632 0.17 151.1);
}Tailwind CSS v4
@theme {
--color-green-pigment: #00a550;
--color-green-pigment-50: #d1ffdf;
--color-green-pigment-100: #bdf9cd;
--color-green-pigment-200: #9aeab2;
--color-green-pigment-300: #6bd08d;
--color-green-pigment-400: #3dba68;
--color-green-pigment-500: #00a445;
--color-green-pigment-600: #008a3b;
--color-green-pigment-700: #006f2f;
--color-green-pigment-800: #00511e;
--color-green-pigment-900: #003913;
--color-green-pigment-950: #002305;
}SCSS
$green-pigment: #00a550;
$green-pigment-rgb: 0, 165, 80;
$green-pigment-light: mix(#fff, $green-pigment, 20%);
$green-pigment-dark: mix(#000, $green-pigment, 20%);
.element {
color: $green-pigment;
box-shadow: 0 0 0 2px rgba($green-pigment, 0.35);
}