Adlandırılmış renk · #66B89C
Sainsbury
Sainsbury, #66B89C: rgb(102 184 156), hsl(160 37% 56%), oklch(0.722 0.091 169.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Teal mean? → · Sainsbury color name →
#66B89C
oklch(0.722 0.091 169.5)
Renk dönüşümleri
- HEX
- #66b89c
- RGB
- rgb(102 184 156)
- HSL
- hsl(160 37% 56%)
- HWB
- hwb(160 40% 28%)
- OKLCH
- oklch(0.722 0.091 169.5)
- OKLab
- oklab(0.722 -0.09 0.017)
- CIE Lab
- lab(68.99 -31.31 6.08)
- LCH
- lch(68.99 31.89 169)
- CMYK
- cmyk(45% 0% 15% 28%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 77BFA6
- 87C6AF
- 97CDB9
- A6D4C3
- B5DCCC
- C4E3D6
- D3EAE0
- E1F1EB
- F0F8F5
Koyu tonlar
- 58A087
- 4A8873
- 3C715F
- 2F5B4C
- 234539
- 173128
- 0C1E18
- 040C09
- 000201
Gri tonlar
- 6AB299
- 6EAD96
- 72A794
- 75A291
- 779C8E
- 79968B
- 7C9188
- 7D8B86
- 7F8683
Renk uyumları
Tamamlayıcı +180°
- 66B89C
Sainsbury
- D18EAE
≈ Moonlit Mauve
Analog -30° +30°
- 66B89C
Sainsbury
- 87B47C
≈ Hakusai Green
- 55B7BB
≈ Dickie Bird
Üçlü +120° +240°
- 66B89C
Sainsbury
- A49CDB
≈ Simply Violet
- D49471
≈ Tawny Amber
Bölünmüş tamamlayıcı +150° +210°
- 66B89C
Sainsbury
- BF93CA
≈ Rose Souvenir
- D98E8E
≈ Pink Slip
Dörtlü +90° +180° +270°
- 66B89C
Sainsbury
- 83A7DF
≈ Blue Cue
- D18EAE
≈ Moonlit Mauve
- C49F61
≈ Ole Yeller
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.35:1 · APCA Lc 46
Ag
AAASiyah üzerinde
WCAG 8.90:1 · APCA Lc 56
En iyi metin rengi: #000000
WCAG 8.90:1 (AAA) · APCA Lc 56
Contrast pairs
Kod parçacıkları
CSS
:root {
--sainsbury: #66b89c;
--sainsbury-rgb: 102 184 156;
--sainsbury-oklch: oklch(0.722 0.091 169.5);
}
.element {
color: var(--sainsbury);
background-color: hsl(160 37% 56%);
border-color: oklch(0.722 0.091 169.5);
}Tailwind CSS v4
@theme {
--color-sainsbury: #66b89c;
--color-sainsbury-50: #dcfef2;
--color-sainsbury-100: #caf2e4;
--color-sainsbury-200: #ade2cf;
--color-sainsbury-300: #86c7b2;
--color-sainsbury-400: #63b096;
--color-sainsbury-500: #3a9a7c;
--color-sainsbury-600: #338269;
--color-sainsbury-700: #296854;
--color-sainsbury-800: #1d4c3c;
--color-sainsbury-900: #133529;
--color-sainsbury-950: #042017;
}SCSS
$sainsbury: #66b89c;
$sainsbury-rgb: 102, 184, 156;
$sainsbury-light: mix(#fff, $sainsbury, 20%);
$sainsbury-dark: mix(#000, $sainsbury, 20%);
.element {
color: $sainsbury;
box-shadow: 0 0 0 2px rgba($sainsbury, 0.35);
}