最も近い色名 · #CFD9B2
#CFD9B2
最も近い色名: April Showers
#CFD9B2（rgb(207 217 178)、hsl(75 34% 77%)、oklch(0.868 0.053 119.2)）に最も近い色名はApril Showersです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#CFD9B2
oklch(0.868 0.053 119.2)
カラー変換
- HEX
- #cfd9b2
- RGB
- rgb(207 217 178)
- HSL
- hsl(75 34% 77%)
- HWB
- hwb(75 70% 15%)
- OKLCH
- oklch(0.868 0.053 119.2)
- OKLab
- oklab(0.868 -0.026 0.046)
- CIE Lab
- lab(85.16 -8.47 18.1)
- LCH
- lch(85.16 19.98 115.1)
- CMYK
- cmyk(5% 0% 18% 15%)
ティント · シェード · トーン
ティント
- D4DDBA
- D8E1C1
- DDE4C9
- E2E8D1
- E7ECD8
- ECF0E0
- F0F4E8
- F5F7F0
- FAFBF7
シェード
- B4BC9A
- 99A183
- 7F866D
- 676C57
- 4F5343
- 383B2F
- 23251D
- 10110C
- 020201
トーン
- C7D0AD
- BFC7A8
- B7BDA3
- AFB49E
- A7AC99
- 9FA394
- 979A8F
- 8F918A
- 888985
カラーハーモニー
補色 +180°
- CFD9B2
April Showers
- D8CCF2
≈ Plum’s the Word
類似色 -30° +30°
- CFD9B2
April Showers
- E1D2AC
≈ Gratin Dauphinois
- BCDEC1
≈ Sprite Twist
トライアド +120° +240°
- CFD9B2
April Showers
- B4D9F3
≈ Blue Rice
- F2C6D2
≈ Hello Dolly
スプリットコンプリメンタリー +150° +210°
- CFD9B2
April Showers
- C5D3F8
≈ Frozen Periwinkle
- E8C7E5
≈ Sweet Murmur
テトラード +90° +180° +270°
- CFD9B2
April Showers
- ABDEE6
≈ Sky Cloud
- D8CCF2
≈ Plum’s the Word
- F5C7BF
≈ Millennial Pink
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.47:1 · APCA Lc 23
Ag
AAA黒の上
WCAG 14.22:1 · APCA Lc 81
最適な文字色: #000000
WCAG 14.22:1 (AAA) · APCA Lc 81
Contrast pairs
コードスニペット
CSS
:root {
--april-showers: #cfd9b2;
--april-showers-rgb: 207 217 178;
--april-showers-oklch: oklch(0.868 0.053 119.2);
}
.element {
color: var(--april-showers);
background-color: hsl(75 34% 77%);
border-color: oklch(0.868 0.053 119.2);
}Tailwind CSS v4
@theme {
--color-april-showers: #cfd9b2;
--color-april-showers-50: #f2f8e7;
--color-april-showers-100: #e5ebd8;
--color-april-showers-200: #d0d8bf;
--color-april-showers-300: #b3bc9e;
--color-april-showers-400: #9aa380;
--color-april-showers-500: #828c63;
--color-april-showers-600: #6e7654;
--color-april-showers-700: #585e43;
--color-april-showers-800: #414530;
--color-april-showers-900: #2d3020;
--color-april-showers-950: #1a1c10;
}SCSS
$april-showers: #cfd9b2;
$april-showers-rgb: 207, 217, 178;
$april-showers-light: mix(#fff, $april-showers, 20%);
$april-showers-dark: mix(#000, $april-showers, 20%);
.element {
color: $april-showers;
box-shadow: 0 0 0 2px rgba($april-showers, 0.35);
}