Adlandırılmış renk · #B1C8BF
Marina Isle
Marina Isle, #B1C8BF: rgb(177 200 191), hsl(157 17% 74%), oklch(0.813 0.028 170.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Marina Isle color name →
#B1C8BF
oklch(0.813 0.028 170.1)
Renk dönüşümleri
- HEX
- #b1c8bf
- RGB
- rgb(177 200 191)
- HSL
- hsl(157 17% 74%)
- HWB
- hwb(157 69% 22%)
- OKLCH
- oklch(0.813 0.028 170.1)
- OKLab
- oklab(0.813 -0.027 0.005)
- CIE Lab
- lab(78.66 -9.39 1.74)
- LCH
- lch(78.66 9.55 169.5)
- CMYK
- cmyk(12% 0% 4% 22%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- B9CDC5
- C0D3CC
- C8D8D2
- D0DED8
- D8E3DF
- DFE9E5
- E7EEEB
- EFF4F2
- F7F9F8
Koyu tonlar
- 99AEA6
- 83948D
- 6C7B75
- 57635E
- 424C48
- 2F3633
- 1C211F
- 0C0F0D
- 010202
Gri tonlar
- ACC1B8
- A7B9B2
- A2B2AC
- 9DABA5
- 98A39F
- 939C99
- 8F9592
- 8A8E8C
- 858786
Renk uyumları
Tamamlayıcı +180°
- B1C8BF
Marina Isle
- D1BBC4
≈ Queen’s Tart
Analog -30° +30°
- B1C8BF
Marina Isle
- B9C7B6
≈ Pond’s Edge
- AEC8C9
≈ Restful Retreat
Üçlü +120° +240°
- B1C8BF
Marina Isle
- C1BFD3
≈ Estate Violet
- D2BDB2
≈ Summer Bloom
Bölünmüş tamamlayıcı +150° +210°
- B1C8BF
Marina Isle
- CABCCD
≈ My Mona
- D3BBBA
≈ Sepia Rose
Dörtlü +90° +180° +270°
- B1C8BF
Marina Isle
- B8C3D4
≈ Stargate
- D1BBC4
≈ Queen’s Tart
- CBC0AE
≈ Naturel
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.76:1 · APCA Lc 32
Ag
AAASiyah üzerinde
WCAG 11.88:1 · APCA Lc 70
En iyi metin rengi: #000000
WCAG 11.88:1 (AAA) · APCA Lc 70
Contrast pairs
Kod parçacıkları
CSS
:root {
--marina-isle: #b1c8bf;
--marina-isle-rgb: 177 200 191;
--marina-isle-oklch: oklch(0.813 0.028 170.1);
}
.element {
color: var(--marina-isle);
background-color: hsl(157 17% 74%);
border-color: oklch(0.813 0.028 170.1);
}Tailwind CSS v4
@theme {
--color-marina-isle: #b1c8bf;
--color-marina-isle-50: #eef8f4;
--color-marina-isle-100: #dfebe7;
--color-marina-isle-200: #c9d8d3;
--color-marina-isle-300: #aabcb6;
--color-marina-isle-400: #8fa49c;
--color-marina-isle-500: #748c83;
--color-marina-isle-600: #63776f;
--color-marina-isle-700: #4f5f59;
--color-marina-isle-800: #394640;
--color-marina-isle-900: #27302c;
--color-marina-isle-950: #151c19;
}SCSS
$marina-isle: #b1c8bf;
$marina-isle-rgb: 177, 200, 191;
$marina-isle-light: mix(#fff, $marina-isle, 20%);
$marina-isle-dark: mix(#000, $marina-isle, 20%);
.element {
color: $marina-isle;
box-shadow: 0 0 0 2px rgba($marina-isle, 0.35);
}