色名 · #8BCBAB
Sybarite Green
Sybarite Greenは#8BCBAB：rgb(139 203 171)、hsl(150 38% 67%)、oklch(0.79 0.08 162.1)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Green mean? → · Sybarite Green color name →
#8BCBAB
oklch(0.79 0.08 162.1)
カラー変換
- HEX
- #8bcbab
- RGB
- rgb(139 203 171)
- HSL
- hsl(150 38% 67%)
- HWB
- hwb(150 55% 20%)
- OKLCH
- oklch(0.79 0.08 162.1)
- OKLab
- oklab(0.79 -0.076 0.025)
- CIE Lab
- lab(76.69 -26.38 9.2)
- LCH
- lch(76.69 27.94 160.8)
- CMYK
- cmyk(32% 0% 16% 20%)
ティント · シェード · トーン
ティント
- 97D0B3
- A3D5BB
- AFDBC4
- BAE0CC
- C6E5D4
- D1EADD
- DDF0E5
- E8F5EE
- F4FAF6
シェード
- 78B094
- 66967E
- 547D68
- 436554
- 324D40
- 23372D
- 14221B
- 070F0B
- 010201
トーン
- 8BC3A7
- 8ABCA2
- 89B49E
- 88AD9A
- 87A595
- 869E91
- 85968D
- 838F88
- 828784
カラーハーモニー
補色 +180°
- 8BCBAB
Sybarite Green
- DFA7C9
≈ Aristocratic Pink
類似色 -30° +30°
- 8BCBAB
Sybarite Green
- A8C691
≈ Arcadian Green
- 7ACBC8
≈ Blue Green Gem
トライアド +120° +240°
- 8BCBAB
Sybarite Green
- B2B5ED
≈ Perano
- E7AA92
≈ Aloha Sunset
スプリットコンプリメンタリー +150° +210°
- 8BCBAB
Sybarite Green
- CCACE0
≈ Cherish the Moment
- E9A6AD
≈ Perennial Phlox
テトラード +90° +180° +270°
- 8BCBAB
Sybarite Green
- 95BEED
≈ Blue Shutters
- DFA7C9
≈ Aristocratic Pink
- DBB381
≈ Boudin
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.87:1 · APCA Lc 35
Ag
AAA黒の上
WCAG 11.22:1 · APCA Lc 67
最適な文字色: #000000
WCAG 11.22:1 (AAA) · APCA Lc 67
Contrast pairs
コードスニペット
CSS
:root {
--sybarite-green: #8bcbab;
--sybarite-green-rgb: 139 203 171;
--sybarite-green-oklch: oklch(0.79 0.08 162.1);
}
.element {
color: var(--sybarite-green);
background-color: hsl(150 38% 67%);
border-color: oklch(0.79 0.08 162.1);
}Tailwind CSS v4
@theme {
--color-sybarite-green: #8bcbab;
--color-sybarite-green-50: #e1fdef;
--color-sybarite-green-100: #d1f1e1;
--color-sybarite-green-200: #b6e0cb;
--color-sybarite-green-300: #92c5ad;
--color-sybarite-green-400: #72ae90;
--color-sybarite-green-500: #509776;
--color-sybarite-green-600: #458064;
--color-sybarite-green-700: #376650;
--color-sybarite-green-800: #284b39;
--color-sybarite-green-900: #1b3427;
--color-sybarite-green-950: #0b1f15;
}SCSS
$sybarite-green: #8bcbab;
$sybarite-green-rgb: 139, 203, 171;
$sybarite-green-light: mix(#fff, $sybarite-green, 20%);
$sybarite-green-dark: mix(#000, $sybarite-green, 20%);
.element {
color: $sybarite-green;
box-shadow: 0 0 0 2px rgba($sybarite-green, 0.35);
}