色名 · #9BB9AE
Moncur
Moncurは#9BB9AE：rgb(155 185 174)、hsl(158 18% 67%)、oklch(0.76 0.036 171.1)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Teal mean? → · Moncur color name →
#9BB9AE
oklch(0.76 0.036 171.1)
カラー変換
- HEX
- #9bb9ae
- RGB
- rgb(155 185 174)
- HSL
- hsl(158 18% 67%)
- HWB
- hwb(158 61% 27%)
- OKLCH
- oklch(0.76 0.036 171.1)
- OKLab
- oklab(0.76 -0.036 0.006)
- CIE Lab
- lab(72.65 -12.25 2.02)
- LCH
- lch(72.65 12.42 170.6)
- CMYK
- cmyk(16% 0% 6% 27%)
ティント · シェード · トーン
ティント
- A5C0B6
- AFC7BE
- B8CEC6
- C2D5CE
- CCDCD6
- D6E3DE
- E0EAE6
- EBF1EE
- F5F8F7
シェード
- 86A097
- 728980
- 5E716A
- 4B5B55
- 394641
- 28312E
- 181E1C
- 090D0B
- 010201
トーン
- 98B3A9
- 96ADA5
- 93A8A0
- 90A29B
- 8E9C97
- 8B9692
- 88918E
- 868B89
- 838684
カラーハーモニー
補色 +180°
- 9BB9AE
Moncur
- C4A8B4
≈ Pansy Posie
類似色 -30° +30°
- 9BB9AE
Moncur
- A5B7A2
≈ Bamboo Shoot
- 97B8BB
≈ Windswept Clouds
トライアド +120° +240°
- 9BB9AE
Moncur
- B1AEC7
≈ Purple Freedom
- C5AB9D
≈ Floral Arrangement
スプリットコンプリメンタリー +150° +210°
- 9BB9AE
Moncur
- BCAABF
≈ Lavender Frost
- C7A9A7
≈ Lovebug
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.11:1 · APCA Lc 41
Ag
AAA黒の上
WCAG 9.94:1 · APCA Lc 61
最適な文字色: #000000
WCAG 9.94:1 (AAA) · APCA Lc 61
Contrast pairs
コードスニペット
CSS
:root {
--moncur: #9bb9ae;
--moncur-rgb: 155 185 174;
--moncur-oklch: oklch(0.76 0.036 171.1);
}
.element {
color: var(--moncur);
background-color: hsl(158 18% 67%);
border-color: oklch(0.76 0.036 171.1);
}Tailwind CSS v4
@theme {
--color-moncur: #9bb9ae;
--color-moncur-50: #ebf9f4;
--color-moncur-100: #dcece7;
--color-moncur-200: #c5dad3;
--color-moncur-300: #a5beb6;
--color-moncur-400: #8aa69c;
--color-moncur-500: #6e8e83;
--color-moncur-600: #5e786f;
--color-moncur-700: #4b6059;
--color-moncur-800: #364740;
--color-moncur-900: #25312c;
--color-moncur-950: #141d19;
}SCSS
$moncur: #9bb9ae;
$moncur-rgb: 155, 185, 174;
$moncur-light: mix(#fff, $moncur, 20%);
$moncur-dark: mix(#000, $moncur, 20%);
.element {
color: $moncur;
box-shadow: 0 0 0 2px rgba($moncur, 0.35);
}