En yakın adlandırılmış renk · #009083
#009083
En yakın adlandırılmış renk: Go Go Green
#009083 (rgb(0 144 131), hsl(175 100% 28%), oklch(0.587 0.104 183.8)) en çok Go Go Green 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.
#009083
oklch(0.587 0.104 183.8)
Renk dönüşümleri
- HEX
- #009083
- RGB
- rgb(0 144 131)
- HSL
- hsl(175 100% 28%)
- HWB
- hwb(175 0% 44%)
- OKLCH
- oklch(0.587 0.104 183.8)
- OKLab
- oklab(0.587 -0.104 -0.007)
- CIE Lab
- lab(53.35 -36.21 -2.83)
- LCH
- lch(53.35 36.32 184.5)
- CMYK
- cmyk(100% 0% 9% 44%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 369B8F
- 53A69B
- 6BB1A7
- 81BCB3
- 97C7BF
- ACD2CC
- C1DDD8
- D5E9E5
- EAF4F2
Koyu tonlar
- 007D71
- 006A60
- 00574F
- 00453F
- 00342F
- 002420
- 001512
- 000706
- 000101
Gri tonlar
- 268F83
- 388D82
- 458C82
- 508A82
- 5A8982
- 638781
- 6B8581
- 728481
- 798280
Renk uyumları
Tamamlayıcı +180°
- 009083
Go Go Green
- AF6075
≈ Daah-Ling
Analog -30° +30°
- 009083
Go Go Green
- 448E5F
≈ Middle Green
- 008CA1
≈ Parrot Flight
Üçlü +120° +240°
- 009083
Go Go Green
- 8A6CAF
≈ Fairy Wren
- A76E33
≈ Inca Gold
Bölünmüş tamamlayıcı +150° +210°
- 009083
Go Go Green
- A16496
≈ Mauve Memento
- B16452
≈ Aragon
Dörtlü +90° +180° +270°
- 009083
Go Go Green
- 6977BA
≈ Flood
- AF6075
≈ Daah-Ling
- 917B27
≈ Fernweh
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.94:1 · APCA Lc 66
Ag
AASiyah üzerinde
WCAG 5.31:1 · APCA Lc 35
En iyi metin rengi: #000000
WCAG 5.31:1 (AA) · APCA Lc 35
Contrast pairs
Kod parçacıkları
CSS
:root {
--go-go-green: #009083;
--go-go-green-rgb: 0 144 131;
--go-go-green-oklch: oklch(0.587 0.104 183.8);
}
.element {
color: var(--go-go-green);
background-color: hsl(175 100% 28%);
border-color: oklch(0.587 0.104 183.8);
}Tailwind CSS v4
@theme {
--color-go-go-green: #009083;
--color-go-go-green-50: #d5fff9;
--color-go-go-green-100: #c2f4ed;
--color-go-go-green-200: #a1e3db;
--color-go-go-green-300: #75c9bf;
--color-go-go-green-400: #49b2a5;
--color-go-go-green-500: #009c8e;
--color-go-go-green-600: #008478;
--color-go-go-green-700: #006a60;
--color-go-go-green-800: #014e45;
--color-go-go-green-900: #033630;
--color-go-go-green-950: #00211c;
}SCSS
$go-go-green: #009083;
$go-go-green-rgb: 0, 144, 131;
$go-go-green-light: mix(#fff, $go-go-green, 20%);
$go-go-green-dark: mix(#000, $go-go-green, 20%);
.element {
color: $go-go-green;
box-shadow: 0 0 0 2px rgba($go-go-green, 0.35);
}