色名 · #90B19D
Andean Slate
Andean Slateは#90B19D：rgb(144 177 157)、hsl(144 17% 63%)、oklch(0.73 0.046 158.4)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Green mean? → · Andean Slate color name →
#90B19D
oklch(0.73 0.046 158.4)
カラー変換
- HEX
- #90b19d
- RGB
- rgb(144 177 157)
- HSL
- hsl(144 17% 63%)
- HWB
- hwb(144 56% 31%)
- OKLCH
- oklch(0.73 0.046 158.4)
- OKLab
- oklab(0.73 -0.043 0.017)
- CIE Lab
- lab(69.3 -14.74 6.37)
- LCH
- lch(69.3 16.05 156.6)
- CMYK
- cmyk(19% 0% 11% 31%)
ティント · シェード · トーン
ティント
- 9BB9A6
- A6C0B0
- B1C8BA
- BCD0C3
- C7D7CD
- D2DFD7
- DDE7E1
- E8EFEB
- F4F7F5
シェード
- 7D9988
- 6A8373
- 576C5F
- 45574C
- 34423A
- 242F28
- 151C18
- 070C09
- 010101
トーン
- 8FAC9A
- 8DA797
- 8CA294
- 8A9D91
- 88988E
- 87938C
- 858E89
- 838A86
- 828583
カラーハーモニー
補色 +180°
- 90B19D
Andean Slate
- BC9DB2
≈ Fiddlesticks
類似色 -30° +30°
- 90B19D
Andean Slate
- 9FAE8F
≈ Rooftop Garden
- 87B2AD
≈ Silicate Green
トライアド +120° +240°
- 90B19D
Andean Slate
- A1A5C5
≈ Wild Phlox
- C29E93
≈ Mahogany Rose
スプリットコンプリメンタリー +150° +210°
- 90B19D
Andean Slate
- B0A0BE
≈ Iris Blossom
- C39CA2
≈ Casa Talec
テトラード +90° +180° +270°
- 90B19D
Andean Slate
- 92ABC4
≈ Cotton Denim
- BC9DB2
≈ Fiddlesticks
- BBA389
≈ Sesame
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.34:1 · APCA Lc 46
Ag
AAA黒の上
WCAG 8.96:1 · APCA Lc 56
最適な文字色: #000000
WCAG 8.96:1 (AAA) · APCA Lc 56
Contrast pairs
コードスニペット
CSS
:root {
--andean-slate: #90b19d;
--andean-slate-rgb: 144 177 157;
--andean-slate-oklch: oklch(0.73 0.046 158.4);
}
.element {
color: var(--andean-slate);
background-color: hsl(144 17% 63%);
border-color: oklch(0.73 0.046 158.4);
}Tailwind CSS v4
@theme {
--color-andean-slate: #90b19d;
--color-andean-slate-50: #eaf9f1;
--color-andean-slate-100: #dbede3;
--color-andean-slate-200: #c4dbce;
--color-andean-slate-300: #a4bfb0;
--color-andean-slate-400: #88a794;
--color-andean-slate-500: #6c907b;
--color-andean-slate-600: #5c7a68;
--color-andean-slate-700: #496153;
--color-andean-slate-800: #35473c;
--color-andean-slate-900: #243129;
--color-andean-slate-950: #131d17;
}SCSS
$andean-slate: #90b19d;
$andean-slate-rgb: 144, 177, 157;
$andean-slate-light: mix(#fff, $andean-slate, 20%);
$andean-slate-dark: mix(#000, $andean-slate, 20%);
.element {
color: $andean-slate;
box-shadow: 0 0 0 2px rgba($andean-slate, 0.35);
}