最も近い色名 · #D9DDCF
#D9DDCF
最も近い色名: Feta
#D9DDCF（rgb(217 221 207)、hsl(77 17% 84%)、oklch(0.891 0.019 119.8)）に最も近い色名はFetaです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#D9DDCF
oklch(0.891 0.019 119.8)
カラー変換
- HEX
- #d9ddcf
- RGB
- rgb(217 221 207)
- HSL
- hsl(77 17% 84%)
- HWB
- hwb(77 81% 13%)
- OKLCH
- oklch(0.891 0.019 119.8)
- OKLab
- oklab(0.891 -0.01 0.017)
- CIE Lab
- lab(87.51 -3.25 6.4)
- LCH
- lch(87.51 7.18 116.9)
- CMYK
- cmyk(2% 0% 6% 13%)
ティント · シェード · トーン
ティント
- DDE0D4
- E1E4D8
- E4E7DD
- E8EBE2
- ECEEE7
- F0F1EC
- F3F5F0
- F7F8F5
- FBFCFA
シェード
- BCC0B4
- A1A499
- 86887F
- 6C6E67
- 53554F
- 3B3D38
- 252623
- 111110
- 020202
トーン
- D0D3C7
- C7CABF
- BDC0B7
- B4B7AF
- ABADA7
- A3A49F
- 9A9B97
- 91928F
- 888988
カラーハーモニー
補色 +180°
- D9DDCF
Feta
- DDD8E6
≈ Misty Violet
類似色 -30° +30°
- D9DDCF
Feta
- E0DBCD
≈ White Wisp
- D2DFD4
≈ Aruba Aqua
トライアド +120° +240°
スプリットコンプリメンタリー +150° +210°
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.38:1 · APCA Lc 19
Ag
AAA黒の上
WCAG 15.19:1 · APCA Lc 85
最適な文字色: #000000
WCAG 15.19:1 (AAA) · APCA Lc 85
Contrast pairs
コードスニペット
CSS
:root {
--feta: #d9ddcf;
--feta-rgb: 217 221 207;
--feta-oklch: oklch(0.891 0.019 119.8);
}
.element {
color: var(--feta);
background-color: hsl(77 17% 84%);
border-color: oklch(0.891 0.019 119.8);
}Tailwind CSS v4
@theme {
--color-feta: #d9ddcf;
--color-feta-50: #f4f6f0;
--color-feta-100: #e7e9e2;
--color-feta-200: #d3d6cd;
--color-feta-300: #b5b9ae;
--color-feta-400: #9da094;
--color-feta-500: #84887a;
--color-feta-600: #707367;
--color-feta-700: #5a5c53;
--color-feta-800: #42433c;
--color-feta-900: #2d2f29;
--color-feta-950: #1a1b17;
}SCSS
$feta: #d9ddcf;
$feta-rgb: 217, 221, 207;
$feta-light: mix(#fff, $feta, 20%);
$feta-dark: mix(#000, $feta, 20%);
.element {
color: $feta;
box-shadow: 0 0 0 2px rgba($feta, 0.35);
}