最も近い色名 · #CBC581
#CBC581
最も近い色名: Muted Lime
#CBC581（rgb(203 197 129)、hsl(55 42% 65%)、oklch(0.813 0.088 103.9)）に最も近い色名はMuted Limeです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#CBC581
oklch(0.813 0.088 103.9)
カラー変換
- HEX
- #cbc581
- RGB
- rgb(203 197 129)
- HSL
- hsl(55 42% 65%)
- HWB
- hwb(55 51% 20%)
- OKLCH
- oklch(0.813 0.088 103.9)
- OKLab
- oklab(0.813 -0.021 0.086)
- CIE Lab
- lab(78.84 -5.26 34.92)
- LCH
- lch(78.84 35.32 98.6)
- CMYK
- cmyk(0% 3% 36% 20%)
ティント · シェード · トーン
ティント
- D0CB8E
- D5D19B
- DAD6A8
- DFDCB4
- E4E2C1
- EAE8CD
- EFEEDA
- F4F3E6
- FAF9F3
シェード
- B0AB6F
- 96925E
- 7D794E
- 65613E
- 4D4B2E
- 37351F
- 222112
- 0F0E06
- 020201
トーン
- C3BE82
- BBB782
- B4B082
- ACA983
- A5A283
- 9D9B82
- 969482
- 8E8E81
- 878781
カラーハーモニー
補色 +180°
- CBC581
Muted Lime
- BABBFA
≈ Dried Lilac
類似色 -30° +30°
- CBC581
Muted Lime
- E4BA81
≈ Cane Sugar
- ABCF94
≈ Chenille
トライアド +120° +240°
- CBC581
Muted Lime
- 7FCFEC
≈ Afternoon Sky
- EBABD0
≈ Waddles Pink
スプリットコンプリメンタリー +150° +210°
- CBC581
Muted Lime
- 9AC5FA
≈ Sail to the Sea
- D7B1EA
≈ Petal Plush
テトラード +90° +180° +270°
- CBC581
Muted Lime
- 78D4D2
≈ Belize
- BABBFA
≈ Dried Lilac
- F5AAB1
≈ Pink Fit
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.77:1 · APCA Lc 33
Ag
AAA黒の上
WCAG 11.84:1 · APCA Lc 70
最適な文字色: #000000
WCAG 11.84:1 (AAA) · APCA Lc 70
Contrast pairs
コードスニペット
CSS
:root {
--muted-lime: #cbc581;
--muted-lime-rgb: 203 197 129;
--muted-lime-oklch: oklch(0.813 0.088 103.9);
}
.element {
color: var(--muted-lime);
background-color: hsl(55 42% 65%);
border-color: oklch(0.813 0.088 103.9);
}Tailwind CSS v4
@theme {
--color-muted-lime: #cbc581;
--color-muted-lime-50: #f8f7da;
--color-muted-lime-100: #ebeac9;
--color-muted-lime-200: #d9d7ac;
--color-muted-lime-300: #bdbb86;
--color-muted-lime-400: #a7a162;
--color-muted-lime-500: #90893e;
--color-muted-lime-600: #7a7435;
--color-muted-lime-700: #615d2a;
--color-muted-lime-800: #49431d;
--color-muted-lime-900: #322f13;
--color-muted-lime-950: #1e1b05;
}SCSS
$muted-lime: #cbc581;
$muted-lime-rgb: 203, 197, 129;
$muted-lime-light: mix(#fff, $muted-lime, 20%);
$muted-lime-dark: mix(#000, $muted-lime, 20%);
.element {
color: $muted-lime;
box-shadow: 0 0 0 2px rgba($muted-lime, 0.35);
}