色名 · #DBD9C2
Loafer
Loaferは#DBD9C2：rgb(219 217 194)、hsl(55 26% 81%)、oklch(0.881 0.031 102.9)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Loafer color name →
#DBD9C2
oklch(0.881 0.031 102.9)
カラー変換
- HEX
- #dbd9c2
- RGB
- rgb(219 217 194)
- HSL
- hsl(55 26% 81%)
- HWB
- hwb(55 76% 14%)
- OKLCH
- oklch(0.881 0.031 102.9)
- OKLab
- oklab(0.881 -0.007 0.03)
- CIE Lab
- lab(86.39 -2.2 11.64)
- LCH
- lch(86.39 11.84 100.7)
- CMYK
- cmyk(0% 1% 11% 14%)
ティント · シェード · トーン
ティント
- DFDDC8
- E2E1CE
- E6E4D4
- E9E8DA
- EDECE0
- F0F0E6
- F4F4ED
- F8F7F3
- FBFBF9
シェード
- BEBCA8
- A2A18F
- 878677
- 6D6C60
- 545349
- 3C3B34
- 262520
- 11110E
- 020202
トーン
- D2D0BB
- C8C7B4
- BFBDAE
- B6B4A7
- ACABA1
- A3A39A
- 9A9A93
- 91918D
- 898986
カラーハーモニー
補色 +180°
- DBD9C2
Loafer
- D4D6EC
≈ Light Powdered Granite
類似色 -30° +30°
- DBD9C2
Loafer
- E5D5C2
≈ Figurine
- D0DCC8
≈ Duchamp Light Green
トライアド +120° +240°
- DBD9C2
Loafer
- C3DDE7
≈ Breezy
- E7D0DD
≈ Pale Flamingo
スプリットコンプリメンタリー +150° +210°
- DBD9C2
Loafer
- CAD9EC
≈ Arctic Rain
- DFD2E7
≈ Teary Eyed
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.42:1 · APCA Lc 21
Ag
AAA黒の上
WCAG 14.71:1 · APCA Lc 83
最適な文字色: #000000
WCAG 14.71:1 (AAA) · APCA Lc 83
Contrast pairs
コードスニペット
CSS
:root {
--loafer: #dbd9c2;
--loafer-rgb: 219 217 194;
--loafer-oklch: oklch(0.881 0.031 102.9);
}
.element {
color: var(--loafer);
background-color: hsl(55 26% 81%);
border-color: oklch(0.881 0.031 102.9);
}Tailwind CSS v4
@theme {
--color-loafer: #dbd9c2;
--color-loafer-50: #f6f6ec;
--color-loafer-100: #e9e9dd;
--color-loafer-200: #d6d5c6;
--color-loafer-300: #b9b9a7;
--color-loafer-400: #a1a08b;
--color-loafer-500: #8a8770;
--color-loafer-600: #74735f;
--color-loafer-700: #5d5c4c;
--color-loafer-800: #444337;
--color-loafer-900: #2f2e25;
--color-loafer-950: #1c1b14;
}SCSS
$loafer: #dbd9c2;
$loafer-rgb: 219, 217, 194;
$loafer-light: mix(#fff, $loafer, 20%);
$loafer-dark: mix(#000, $loafer, 20%);
.element {
color: $loafer;
box-shadow: 0 0 0 2px rgba($loafer, 0.35);
}