色名 · #D6D6CD
Lady Nicole
Lady Nicoleは#D6D6CD：rgb(214 214 205)、hsl(60 10% 82%)、oklch(0.874 0.012 106.6)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Lady Nicole color name →
#D6D6CD
oklch(0.874 0.012 106.6)
カラー変換
- HEX
- #d6d6cd
- RGB
- rgb(214 214 205)
- HSL
- hsl(60 10% 82%)
- HWB
- hwb(60 80% 16%)
- OKLCH
- oklch(0.874 0.012 106.6)
- OKLab
- oklab(0.874 -0.003 0.012)
- CIE Lab
- lab(85.44 -1.19 4.46)
- LCH
- lch(85.44 4.62 104.9)
- CMYK
- cmyk(0% 0% 4% 16%)
ティント · シェード · トーン
ティント
- DADAD2
- DEDED7
- E2E2DC
- E6E6E1
- EAEAE6
- EEEEEB
- F3F3F0
- F7F7F5
- FBFBFA
シェード
- BABAB2
- 9E9E98
- 84847E
- 6A6A66
- 52524E
- 3B3B38
- 252523
- 10100F
- 020202
トーン
- CDCDC5
- C4C4BD
- BBBBB5
- B3B3AD
- AAAAA6
- A1A19E
- 999996
- 91918F
- 888887
カラーハーモニー
補色 +180°
- D6D6CD
Lady Nicole
- D4D4DD
≈ Purple Veil
類似色 -30° +30°
- D6D6CD
Lady Nicole
- DAD4CD
≈ Baked Biscotti
- D2D7CF
≈ Wind Fresh White
トライアド +120° +240°
- D6D6CD
Lady Nicole
- CDD7DC
≈ White Blue
- DCD2D7
≈ Blush of Morn
スプリットコンプリメンタリー +150° +210°
- D6D6CD
Lady Nicole
- D0D6DE
≈ Twinkle Blue
- D9D3DB
≈ Blackberry Cream
テトラード +90° +180° +270°
- D6D6CD
Lady Nicole
- CDD8D8
≈ Raffia Light Grey
- D4D4DD
≈ Purple Veil
- DDD2D2
≈ Pearl Rose
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.46:1 · APCA Lc 22
Ag
AAA黒の上
WCAG 14.35:1 · APCA Lc 81
最適な文字色: #000000
WCAG 14.35:1 (AAA) · APCA Lc 81
Contrast pairs
コードスニペット
CSS
:root {
--lady-nicole: #d6d6cd;
--lady-nicole-rgb: 214 214 205;
--lady-nicole-oklch: oklch(0.874 0.012 106.6);
}
.element {
color: var(--lady-nicole);
background-color: hsl(60 10% 82%);
border-color: oklch(0.874 0.012 106.6);
}Tailwind CSS v4
@theme {
--color-lady-nicole: #d6d6cd;
--color-lady-nicole-50: #f5f5f1;
--color-lady-nicole-100: #e8e8e4;
--color-lady-nicole-200: #d4d5cf;
--color-lady-nicole-300: #b8b8b1;
--color-lady-nicole-400: #9f9f97;
--color-lady-nicole-500: #87877e;
--color-lady-nicole-600: #72726a;
--color-lady-nicole-700: #5b5b55;
--color-lady-nicole-800: #43433e;
--color-lady-nicole-900: #2e2e2b;
--color-lady-nicole-950: #1b1b18;
}SCSS
$lady-nicole: #d6d6cd;
$lady-nicole-rgb: 214, 214, 205;
$lady-nicole-light: mix(#fff, $lady-nicole, 20%);
$lady-nicole-dark: mix(#000, $lady-nicole, 20%);
.element {
color: $lady-nicole;
box-shadow: 0 0 0 2px rgba($lady-nicole, 0.35);
}