最も近い色名 · #C3CEAD
#C3CEAD
最も近い色名: Morris Leaf
#C3CEAD（rgb(195 206 173)、hsl(80 25% 74%)、oklch(0.834 0.046 122.4)）に最も近い色名はMorris Leafです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#C3CEAD
oklch(0.834 0.046 122.4)
カラー変換
- HEX
- #c3cead
- RGB
- rgb(195 206 173)
- HSL
- hsl(80 25% 74%)
- HWB
- hwb(80 68% 19%)
- OKLCH
- oklch(0.834 0.046 122.4)
- OKLab
- oklab(0.834 -0.025 0.039)
- CIE Lab
- lab(81.25 -8.2 15.15)
- LCH
- lch(81.25 17.23 118.4)
- CMYK
- cmyk(5% 0% 16% 19%)
ティント · シェード · トーン
ティント
- C9D3B5
- CFD8BD
- D5DDC5
- DBE1CD
- E1E6D6
- E7EBDE
- EDF0E6
- F3F5EE
- F9FAF7
シェード
- A9B396
- 90987F
- 787F6A
- 606655
- 4A4E41
- 34382D
- 20231B
- 0E0F0B
- 020201
トーン
- BCC6A8
- B5BEA4
- AEB69F
- A8AE9B
- A1A696
- 9A9E92
- 94978D
- 8D8F89
- 868884
カラーハーモニー
補色 +180°
- C3CEAD
Morris Leaf
- CEC2E2
≈ Party Hat
類似色 -30° +30°
- C3CEAD
Morris Leaf
- D3C8A7
≈ Sanctuary
- B3D2BA
≈ Pitcher
トライアド +120° +240°
- C3CEAD
Morris Leaf
- AFCDE5
≈ Frosty Snow Cap
- E4BDC6
≈ Ice Hot Pink
スプリットコンプリメンタリー +150° +210°
- C3CEAD
Morris Leaf
- BEC7E8
≈ Pale Wisteria
- DCBED6
≈ Ooh la La
テトラード +90° +180° +270°
- C3CEAD
Morris Leaf
- A7D1DA
≈ Aqua Frost
- CEC2E2
≈ Party Hat
- E5BEB6
≈ Positively Pink
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.64:1 · APCA Lc 29
Ag
AAA黒の上
WCAG 12.75:1 · APCA Lc 74
最適な文字色: #000000
WCAG 12.75:1 (AAA) · APCA Lc 74
Contrast pairs
コードスニペット
CSS
:root {
--morris-leaf: #c3cead;
--morris-leaf-rgb: 195 206 173;
--morris-leaf-oklch: oklch(0.834 0.046 122.4);
}
.element {
color: var(--morris-leaf);
background-color: hsl(80 25% 74%);
border-color: oklch(0.834 0.046 122.4);
}Tailwind CSS v4
@theme {
--color-morris-leaf: #c3cead;
--color-morris-leaf-50: #f2f8e9;
--color-morris-leaf-100: #e4ebda;
--color-morris-leaf-200: #d0d8c3;
--color-morris-leaf-300: #b2bca2;
--color-morris-leaf-400: #99a385;
--color-morris-leaf-500: #808b69;
--color-morris-leaf-600: #6d7659;
--color-morris-leaf-700: #575e47;
--color-morris-leaf-800: #404533;
--color-morris-leaf-900: #2c3023;
--color-morris-leaf-950: #191c12;
}SCSS
$morris-leaf: #c3cead;
$morris-leaf-rgb: 195, 206, 173;
$morris-leaf-light: mix(#fff, $morris-leaf, 20%);
$morris-leaf-dark: mix(#000, $morris-leaf, 20%);
.element {
color: $morris-leaf;
box-shadow: 0 0 0 2px rgba($morris-leaf, 0.35);
}