最も近い色名 · #6B9083
#6B9083
最も近い色名: Aloe Vera
#6B9083（rgb(107 144 131)、hsl(159 15% 49%)、oklch(0.622 0.046 171.1)）に最も近い色名はAloe Veraです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#6B9083
oklch(0.622 0.046 171.1)
カラー変換
- HEX
- #6b9083
- RGB
- rgb(107 144 131)
- HSL
- hsl(159 15% 49%)
- HWB
- hwb(159 42% 44%)
- OKLCH
- oklch(0.622 0.046 171.1)
- OKLab
- oklab(0.622 -0.045 0.007)
- CIE Lab
- lab(56.72 -15.53 2.54)
- LCH
- lch(56.72 15.74 170.7)
- CMYK
- cmyk(26% 0% 9% 44%)
ティント · シェード · トーン
ティント
- 799B8F
- 88A59B
- 96B0A7
- A5BBB3
- B3C6BF
- C2D1CC
- D1DDD8
- E0E8E5
- F0F3F2
シェード
- 5C7D71
- 4E6A60
- 3F574F
- 32453F
- 25342F
- 182420
- 0D1512
- 040706
- 000101
トーン
- 6D8E83
- 708D82
- 728B82
- 748A82
- 768882
- 788781
- 7A8581
- 7C8381
- 7E8280
カラーハーモニー
補色 +180°
- 6B9083
Aloe Vera
- 9D7C8A
≈ Century’s Last Sunset
類似色 -30° +30°
- 6B9083
Aloe Vera
- 788E74
≈ Loden Frost
- 668F92
≈ Tranquil Seashore
トライアド +120° +240°
- 6B9083
Aloe Vera
- 8682A1
≈ Live Jazz
- 9E7F6E
≈ Beaver Kit
スプリットコンプリメンタリー +150° +210°
- 6B9083
Aloe Vera
- 947E98
≈ Amorous
- A17C7B
≈ Brandied Apple
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 3.53:1 · APCA Lc 63
Ag
AA黒の上
WCAG 5.94:1 · APCA Lc 39
最適な文字色: #000000
WCAG 5.94:1 (AA) · APCA Lc 39
Contrast pairs
コードスニペット
CSS
:root {
--aloe-vera: #6b9083;
--aloe-vera-rgb: 107 144 131;
--aloe-vera-oklch: oklch(0.622 0.046 171.1);
}
.element {
color: var(--aloe-vera);
background-color: hsl(159 15% 49%);
border-color: oklch(0.622 0.046 171.1);
}Tailwind CSS v4
@theme {
--color-aloe-vera: #6b9083;
--color-aloe-vera-50: #e9faf4;
--color-aloe-vera-100: #d9ede6;
--color-aloe-vera-200: #c1dbd2;
--color-aloe-vera-300: #a0bfb5;
--color-aloe-vera-400: #84a89b;
--color-aloe-vera-500: #679082;
--color-aloe-vera-600: #587a6e;
--color-aloe-vera-700: #466258;
--color-aloe-vera-800: #334840;
--color-aloe-vera-900: #22322c;
--color-aloe-vera-950: #111e19;
}SCSS
$aloe-vera: #6b9083;
$aloe-vera-rgb: 107, 144, 131;
$aloe-vera-light: mix(#fff, $aloe-vera, 20%);
$aloe-vera-dark: mix(#000, $aloe-vera, 20%);
.element {
color: $aloe-vera;
box-shadow: 0 0 0 2px rgba($aloe-vera, 0.35);
}