色名 · #DDCC88
Master Key
Master Keyは#DDCC88：rgb(221 204 136)、hsl(48 56% 70%)、oklch(0.844 0.089 95.8)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Yellow mean? → · Master Key color name →
#DDCC88
oklch(0.844 0.089 95.8)
カラー変換
- HEX
- #ddcc88
- RGB
- rgb(221 204 136)
- HSL
- hsl(48 56% 70%)
- HWB
- hwb(48 53% 13%)
- OKLCH
- oklch(0.844 0.089 95.8)
- OKLab
- oklab(0.844 -0.009 0.089)
- CIE Lab
- lab(82.31 -0.93 36.16)
- LCH
- lch(82.31 36.17 91.5)
- CMYK
- cmyk(0% 8% 38% 13%)
ティント · シェード · トーン
ティント
- E0D194
- E4D6A1
- E7DBAD
- EAE1B9
- EEE6C4
- F1EBD0
- F5F0DC
- F8F5E8
- FCFAF3
シェード
- C0B175
- A49763
- 887E52
- 6E6541
- 554E31
- 3D3722
- 262213
- 110F06
- 020201
トーン
- D3C488
- CABC88
- C0B587
- B7AD87
- ADA686
- A49E85
- 9B9684
- 928F83
- 898781
カラーハーモニー
補色 +180°
- DDCC88
Master Key
- BDC8FF
≈ Light Periwinkle
類似色 -30° +30°
- DDCC88
Master Key
- F4C08D
≈ Dusty Boots
- BDD797
≈ Lickety Split
トライアド +120° +240°
- DDCC88
Master Key
- 84DBF1
≈ Photon Barrier
- F1B6E2
≈ Soft Cashmere
スプリットコンプリメンタリー +150° +210°
- DDCC88
Master Key
- 9FD2FF
≈ Baby Blue
- DABDFB
≈ Lavender Fragrance
テトラード +90° +180° +270°
- DDCC88
Master Key
- 84DFD4
≈ Sea Foam
- BDC8FF
≈ Light Periwinkle
- FFB4C3
≈ Matt Pink
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.60:1 · APCA Lc 27
Ag
AAA黒の上
WCAG 13.06:1 · APCA Lc 76
最適な文字色: #000000
WCAG 13.06:1 (AAA) · APCA Lc 76
Contrast pairs
コードスニペット
CSS
:root {
--master-key: #ddcc88;
--master-key-rgb: 221 204 136;
--master-key-oklch: oklch(0.844 0.089 95.8);
}
.element {
color: var(--master-key);
background-color: hsl(48 56% 70%);
border-color: oklch(0.844 0.089 95.8);
}Tailwind CSS v4
@theme {
--color-master-key: #ddcc88;
--color-master-key-50: #fcf6d9;
--color-master-key-100: #f0e9c7;
--color-master-key-200: #ded5aa;
--color-master-key-300: #c3b883;
--color-master-key-400: #ae9e60;
--color-master-key-500: #98863a;
--color-master-key-600: #807132;
--color-master-key-700: #675b28;
--color-master-key-800: #4d421b;
--color-master-key-900: #352d11;
--color-master-key-950: #201a04;
}SCSS
$master-key: #ddcc88;
$master-key-rgb: 221, 204, 136;
$master-key-light: mix(#fff, $master-key, 20%);
$master-key-dark: mix(#000, $master-key, 20%);
.element {
color: $master-key;
box-shadow: 0 0 0 2px rgba($master-key, 0.35);
}