最も近い色名 · #CCA29E
#CCA29E
最も近い色名: La Vie en Rose
#CCA29E（rgb(204 162 158)、hsl(5 31% 71%)、oklch(0.749 0.05 24.6)）に最も近い色名はLa Vie en Roseです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#CCA29E
oklch(0.749 0.05 24.6)
カラー変換
- HEX
- #cca29e
- RGB
- rgb(204 162 158)
- HSL
- hsl(5 31% 71%)
- HWB
- hwb(5 62% 20%)
- OKLCH
- oklch(0.749 0.05 24.6)
- OKLab
- oklab(0.749 0.046 0.021)
- CIE Lab
- lab(70.46 15.55 8.31)
- LCH
- lch(70.46 17.63 28.1)
- CMYK
- cmyk(0% 21% 23% 20%)
ティント · シェード · トーン
ティント
- D1ABA7
- D7B4B1
- DCBDBA
- E1C7C4
- E6D0CE
- EBD9D7
- F0E3E1
- F5ECEB
- FAF5F5
シェード
- B18C89
- 977774
- 7E6360
- 654F4D
- 4E3C3A
- 372A29
- 221918
- 0F0A09
- 020101
トーン
- C49F9B
- BD9B98
- B59895
- AD9492
- A6918F
- 9E8E8C
- 978A89
- 8F8786
- 888383
カラーハーモニー
補色 +180°
- CCA29E
La Vie en Rose
- 88B8BD
≈ Summit
類似色 -30° +30°
- CCA29E
La Vie en Rose
- C9A1AF
≈ Opaline Pink
- C8A690
≈ Moenkopi Soil
トライアド +120° +240°
- CCA29E
La Vie en Rose
- 9BB79A
≈ Brookview
- 9EAECF
≈ Heartsong
スプリットコンプリメンタリー +150° +210°
- CCA29E
La Vie en Rose
- 8DB9AC
≈ Mild Evergreen
- 8FB4C9
≈ Pond Blue
テトラード +90° +180° +270°
- CCA29E
La Vie en Rose
- ACB28E
≈ Lint
- 88B8BD
≈ Summit
- AFA8CB
≈ Violet Mix
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.27:1 · APCA Lc 45
Ag
AAA黒の上
WCAG 9.22:1 · APCA Lc 57
最適な文字色: #000000
WCAG 9.22:1 (AAA) · APCA Lc 57
Contrast pairs
コードスニペット
CSS
:root {
--la-vie-en-rose: #cca29e;
--la-vie-en-rose-rgb: 204 162 158;
--la-vie-en-rose-oklch: oklch(0.749 0.05 24.6);
}
.element {
color: var(--la-vie-en-rose);
background-color: hsl(5 31% 71%);
border-color: oklch(0.749 0.05 24.6);
}Tailwind CSS v4
@theme {
--color-la-vie-en-rose: #cca29e;
--color-la-vie-en-rose-50: #fff0ed;
--color-la-vie-en-rose-100: #f8e2df;
--color-la-vie-en-rose-200: #e9cdc9;
--color-la-vie-en-rose-300: #d0aeaa;
--color-la-vie-en-rose-400: #bb9390;
--color-la-vie-en-rose-500: #a57a76;
--color-la-vie-en-rose-600: #8c6764;
--color-la-vie-en-rose-700: #705250;
--color-la-vie-en-rose-800: #533c3a;
--color-la-vie-en-rose-900: #3a2928;
--color-la-vie-en-rose-950: #241716;
}SCSS
$la-vie-en-rose: #cca29e;
$la-vie-en-rose-rgb: 204, 162, 158;
$la-vie-en-rose-light: mix(#fff, $la-vie-en-rose, 20%);
$la-vie-en-rose-dark: mix(#000, $la-vie-en-rose, 20%);
.element {
color: $la-vie-en-rose;
box-shadow: 0 0 0 2px rgba($la-vie-en-rose, 0.35);
}