Adlandırılmış renk · #006474
Green Spool
Green Spool, #006474: rgb(0 100 116), hsl(188 100% 23%), oklch(0.463 0.081 213.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Cyan mean? → · Green Spool color name →
#006474
oklch(0.463 0.081 213.5)
Renk dönüşümleri
- HEX
- #006474
- RGB
- rgb(0 100 116)
- HSL
- hsl(188 100% 23%)
- HWB
- hwb(188 0% 55%)
- OKLCH
- oklch(0.463 0.081 213.5)
- OKLab
- oklab(0.463 -0.068 -0.045)
- CIE Lab
- lab(38.19 -21.03 -16.52)
- LCH
- lch(38.19 26.74 218.1)
- CMYK
- cmyk(100% 14% 0% 55%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 2C7381
- 46828F
- 5E919C
- 75A0AA
- 8CAFB8
- A2BFC6
- B9CFD4
- D0DFE2
- E7EFF0
Koyu tonlar
- 005664
- 004854
- 003B45
- 002E37
- 002229
- 00161B
- 000B0F
- 000305
- 000001
Gri tonlar
- 1D6775
- 2E6A77
- 3B6D78
- 467079
- 51737A
- 5B757C
- 64787D
- 6E7B7E
- 777D7F
Renk uyumları
Tamamlayıcı +180°
- 006474
Green Spool
- 80473A
≈ Armadillo Egg
Analog -30° +30°
- 006474
Green Spool
- 04675D
≈ Arizona Stone
- 2C5D83
≈ Pelagic
Üçlü +120° +240°
- 006474
Green Spool
- 74476C
≈ Old Fashioned Purple
- 68571A
≈ Field Drab
Bölünmüş tamamlayıcı +150° +210°
- 006474
Green Spool
- 7E4454
≈ Cheerful Wine
- 784E23
≈ Trojan Horse Brown
Dörtlü +90° +180° +270°
- 006474
Green Spool
- 624D7E
≈ Sumptuous Purple
- 80473A
≈ Armadillo Egg
- 50602A
≈ Basil Green
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.82:1 · APCA Lc 83
Ag
FailSiyah üzerinde
WCAG 3.07:1 · APCA Lc 19
En iyi metin rengi: #FFFFFF
WCAG 6.82:1 (AA) · APCA Lc 83
Contrast pairs
Kod parçacıkları
CSS
:root {
--green-spool: #006474;
--green-spool-rgb: 0 100 116;
--green-spool-oklch: oklch(0.463 0.081 213.5);
}
.element {
color: var(--green-spool);
background-color: hsl(188 100% 23%);
border-color: oklch(0.463 0.081 213.5);
}Tailwind CSS v4
@theme {
--color-green-spool: #006474;
--color-green-spool-50: #dcfcff;
--color-green-spool-100: #caeff9;
--color-green-spool-200: #addeea;
--color-green-spool-300: #87c2d2;
--color-green-spool-400: #62abbb;
--color-green-spool-500: #3894a7;
--color-green-spool-600: #317d8d;
--color-green-spool-700: #276471;
--color-green-spool-800: #1a4a52;
--color-green-spool-900: #113339;
--color-green-spool-950: #031f24;
}SCSS
$green-spool: #006474;
$green-spool-rgb: 0, 100, 116;
$green-spool-light: mix(#fff, $green-spool, 20%);
$green-spool-dark: mix(#000, $green-spool, 20%);
.element {
color: $green-spool;
box-shadow: 0 0 0 2px rgba($green-spool, 0.35);
}