色名 · #B1C8BF
Marina Isle
Marina Isleは#B1C8BF：rgb(177 200 191)、hsl(157 17% 74%)、oklch(0.813 0.028 170.1)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Marina Isle color name →
#B1C8BF
oklch(0.813 0.028 170.1)
カラー変換
- 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%)
ティント · シェード · トーン
ティント
- B9CDC5
- C0D3CC
- C8D8D2
- D0DED8
- D8E3DF
- DFE9E5
- E7EEEB
- EFF4F2
- F7F9F8
シェード
- 99AEA6
- 83948D
- 6C7B75
- 57635E
- 424C48
- 2F3633
- 1C211F
- 0C0F0D
- 010202
トーン
- ACC1B8
- A7B9B2
- A2B2AC
- 9DABA5
- 98A39F
- 939C99
- 8F9592
- 8A8E8C
- 858786
カラーハーモニー
補色 +180°
- B1C8BF
Marina Isle
- D1BBC4
≈ Queen’s Tart
類似色 -30° +30°
- B1C8BF
Marina Isle
- B9C7B6
≈ Pond’s Edge
- AEC8C9
≈ Restful Retreat
トライアド +120° +240°
- B1C8BF
Marina Isle
- C1BFD3
≈ Estate Violet
- D2BDB2
≈ Summer Bloom
スプリットコンプリメンタリー +150° +210°
- B1C8BF
Marina Isle
- CABCCD
≈ My Mona
- D3BBBA
≈ Sepia Rose
テトラード +90° +180° +270°
- B1C8BF
Marina Isle
- B8C3D4
≈ Stargate
- D1BBC4
≈ Queen’s Tart
- CBC0AE
≈ Naturel
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.76:1 · APCA Lc 32
Ag
AAA黒の上
WCAG 11.88:1 · APCA Lc 70
最適な文字色: #000000
WCAG 11.88:1 (AAA) · APCA Lc 70
Contrast pairs
コードスニペット
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);
}