最も近い色名 · #A4CFC7
#A4CFC7
最も近い色名: Whirlpool
#A4CFC7（rgb(164 207 199)、hsl(169 31% 73%)、oklch(0.822 0.047 182.5)）に最も近い色名はWhirlpoolです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#A4CFC7
oklch(0.822 0.047 182.5)
カラー変換
- HEX
- #a4cfc7
- RGB
- rgb(164 207 199)
- HSL
- hsl(169 31% 73%)
- HWB
- hwb(169 64% 19%)
- OKLCH
- oklch(0.822 0.047 182.5)
- OKLab
- oklab(0.822 -0.047 -0.002)
- CIE Lab
- lab(79.87 -15.9 -0.92)
- LCH
- lch(79.87 15.93 183.3)
- CMYK
- cmyk(21% 0% 4% 19%)
ティント · シェード · トーン
ティント
- ADD4CC
- B6D9D2
- BFDDD8
- C9E2DD
- D2E7E3
- DBECE8
- E4F1EE
- EDF5F4
- F6FAF9
シェード
- 8EB4AD
- 799993
- 647F7A
- 506762
- 3D4F4C
- 2B3836
- 1A2321
- 0A100E
- 010202
トーン
- A1C7C0
- 9DBFB8
- 9AB7B1
- 96AFAA
- 93A7A3
- 8F9F9C
- 8B9795
- 888F8E
- 848887
カラーハーモニー
補色 +180°
- A4CFC7
Whirlpool
- E0B9C2
≈ Love in a Mist
類似色 -30° +30°
- A4CFC7
Whirlpool
- AFCEB6
≈ Misty Jade
- A3CDD6
≈ Children’s Soft Blue
トライアド +120° +240°
- A4CFC7
Whirlpool
- CABEDE
≈ Digital Lavender
- DBBFA6
≈ Adobe Beige
スプリットコンプリメンタリー +150° +210°
- A4CFC7
Whirlpool
- D8BAD2
≈ Sunday Gloves
- E1BAB2
≈ Sweet Peach
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.70:1 · APCA Lc 30
Ag
AAA黒の上
WCAG 12.32:1 · APCA Lc 72
最適な文字色: #000000
WCAG 12.32:1 (AAA) · APCA Lc 72
Contrast pairs
コードスニペット
CSS
:root {
--whirlpool: #a4cfc7;
--whirlpool-rgb: 164 207 199;
--whirlpool-oklch: oklch(0.822 0.047 182.5);
}
.element {
color: var(--whirlpool);
background-color: hsl(169 31% 73%);
border-color: oklch(0.822 0.047 182.5);
}Tailwind CSS v4
@theme {
--color-whirlpool: #a4cfc7;
--color-whirlpool-50: #e7faf7;
--color-whirlpool-100: #d8edea;
--color-whirlpool-200: #bfdbd6;
--color-whirlpool-300: #9ec0ba;
--color-whirlpool-400: #80a8a1;
--color-whirlpool-500: #639189;
--color-whirlpool-600: #547a74;
--color-whirlpool-700: #43625c;
--color-whirlpool-800: #304843;
--color-whirlpool-900: #21322e;
--color-whirlpool-950: #101e1b;
}SCSS
$whirlpool: #a4cfc7;
$whirlpool-rgb: 164, 207, 199;
$whirlpool-light: mix(#fff, $whirlpool, 20%);
$whirlpool-dark: mix(#000, $whirlpool, 20%);
.element {
color: $whirlpool;
box-shadow: 0 0 0 2px rgba($whirlpool, 0.35);
}