最も近い色名 · #CCBEC6
#CCBEC6
最も近い色名: Mecha Kitty
#CCBEC6（rgb(204 190 198)、hsl(326 12% 77%)、oklch(0.815 0.019 342.1)）に最も近い色名はMecha Kittyです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#CCBEC6
oklch(0.815 0.019 342.1)
カラー変換
- HEX
- #ccbec6
- RGB
- rgb(204 190 198)
- HSL
- hsl(326 12% 77%)
- HWB
- hwb(326 75% 20%)
- OKLCH
- oklch(0.815 0.019 342.1)
- OKLab
- oklab(0.815 0.018 -0.006)
- CIE Lab
- lab(78.33 6.16 -2.17)
- LCH
- lch(78.33 6.53 340.6)
- CMYK
- cmyk(0% 7% 3% 20%)
ティント · シェード · トーン
ティント
- D1C4CC
- D6CBD1
- DBD1D7
- E0D8DC
- E5DEE2
- EAE5E8
- F0EBEE
- F5F2F3
- FAF8F9
シェード
- B1A5AC
- 978C92
- 7E757A
- 655E62
- 4E484B
- 373335
- 221F21
- 0F0D0E
- 020202
トーン
- C4B8BF
- BCB1B8
- B5ABB0
- ADA5A9
- A59EA2
- 9E989B
- 969294
- 8F8C8E
- 878687
カラーハーモニー
補色 +180°
- CCBEC6
Mecha Kitty
- B8C7BF
≈ Surf Spray
類似色 -30° +30°
- CCBEC6
Mecha Kitty
- C7BFCC
≈ Clary Sage
- CFBEBF
≈ Dusky Violet
トライアド +120° +240°
- CCBEC6
Mecha Kitty
- C5C3B5
≈ Comforting Grey
- B6C6CC
≈ Flowing Breeze
スプリットコンプリメンタリー +150° +210°
- CCBEC6
Mecha Kitty
- BEC5B9
≈ Riverdale
- B5C7C6
≈ Misty Surf
テトラード +90° +180° +270°
- CCBEC6
Mecha Kitty
- CBC1B6
≈ Heritage Grey
- B8C7BF
≈ Surf Spray
- BAC4CF
≈ Blue Dolphin
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.78:1 · APCA Lc 33
Ag
AAA黒の上
WCAG 11.74:1 · APCA Lc 70
最適な文字色: #000000
WCAG 11.74:1 (AAA) · APCA Lc 70
Contrast pairs
コードスニペット
CSS
:root {
--mecha-kitty: #ccbec6;
--mecha-kitty-rgb: 204 190 198;
--mecha-kitty-oklch: oklch(0.815 0.019 342.1);
}
.element {
color: var(--mecha-kitty);
background-color: hsl(326 12% 77%);
border-color: oklch(0.815 0.019 342.1);
}Tailwind CSS v4
@theme {
--color-mecha-kitty: #ccbec6;
--color-mecha-kitty-50: #f9f3f6;
--color-mecha-kitty-100: #ede5e9;
--color-mecha-kitty-200: #dbd1d6;
--color-mecha-kitty-300: #bfb4ba;
--color-mecha-kitty-400: #a79aa1;
--color-mecha-kitty-500: #90818a;
--color-mecha-kitty-600: #7a6e74;
--color-mecha-kitty-700: #61585d;
--color-mecha-kitty-800: #474044;
--color-mecha-kitty-900: #312c2f;
--color-mecha-kitty-950: #1d191c;
}SCSS
$mecha-kitty: #ccbec6;
$mecha-kitty-rgb: 204, 190, 198;
$mecha-kitty-light: mix(#fff, $mecha-kitty, 20%);
$mecha-kitty-dark: mix(#000, $mecha-kitty, 20%);
.element {
color: $mecha-kitty;
box-shadow: 0 0 0 2px rgba($mecha-kitty, 0.35);
}