色名 · #D5B266
Dylan Velvet
Dylan Velvetは#D5B266：rgb(213 178 102)、hsl(41 57% 62%)、oklch(0.778 0.103 85.3)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Yellow mean? → · Dylan Velvet color name →
#D5B266
oklch(0.778 0.103 85.3)
カラー変換
- HEX
- #d5b266
- RGB
- rgb(213 178 102)
- HSL
- hsl(41 57% 62%)
- HWB
- hwb(41 40% 16%)
- OKLCH
- oklch(0.778 0.103 85.3)
- OKLab
- oklab(0.778 0.009 0.103)
- CIE Lab
- lab(74.52 6.24 43.45)
- LCH
- lch(74.52 43.89 81.8)
- CMYK
- cmyk(0% 16% 52% 16%)
ティント · シェード · トーン
ティント
- D9BA77
- DEC286
- E2C996
- E6D1A5
- EAD9B4
- EEE0C3
- F3E8D2
- F7F0E1
- FBF7F0
シェード
- B99A58
- 9E834A
- 836D3C
- 6A572F
- 514323
- 3A2F17
- 241D0C
- 100C04
- 020100
トーン
- CCAD6A
- C4A86E
- BBA371
- B29E74
- AA9977
- A19479
- 998F7B
- 918A7D
- 88857F
カラーハーモニー
補色 +180°
- D5B266
Dylan Velvet
- 97B6FA
≈ Truesky Gloxym
類似色 -30° +30°
- D5B266
Dylan Velvet
- EAA575
≈ Sweet Curry
- B4BF70
≈ Zoodles
トライアド +120° +240°
- D5B266
Dylan Velvet
- 59CAD7
≈ Watercourse
- D9A0DB
≈ Damson Plum
スプリットコンプリメンタリー +150° +210°
- D5B266
Dylan Velvet
- 71C2F0
≈ Blue Mana
- BCAAF2
≈ Winterspring Lilac
テトラード +90° +180° +270°
- D5B266
Dylan Velvet
- 66CDB3
≈ Simply Aqua
- 97B6FA
≈ Truesky Gloxym
- EC9BBA
≈ Amaranth Pink
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.02:1 · APCA Lc 39
Ag
AAA黒の上
WCAG 10.38:1 · APCA Lc 63
最適な文字色: #000000
WCAG 10.38:1 (AAA) · APCA Lc 63
Contrast pairs
コードスニペット
CSS
:root {
--dylan-velvet: #d5b266;
--dylan-velvet-rgb: 213 178 102;
--dylan-velvet-oklch: oklch(0.778 0.103 85.3);
}
.element {
color: var(--dylan-velvet);
background-color: hsl(41 57% 62%);
border-color: oklch(0.778 0.103 85.3);
}Tailwind CSS v4
@theme {
--color-dylan-velvet: #d5b266;
--color-dylan-velvet-50: #fff4d4;
--color-dylan-velvet-100: #f7e6c1;
--color-dylan-velvet-200: #e7d2a2;
--color-dylan-velvet-300: #ceb579;
--color-dylan-velvet-400: #ba9a52;
--color-dylan-velvet-500: #a58025;
--color-dylan-velvet-600: #8c6d22;
--color-dylan-velvet-700: #70571b;
--color-dylan-velvet-800: #543f11;
--color-dylan-velvet-900: #3a2b0b;
--color-dylan-velvet-950: #241801;
}SCSS
$dylan-velvet: #d5b266;
$dylan-velvet-rgb: 213, 178, 102;
$dylan-velvet-light: mix(#fff, $dylan-velvet, 20%);
$dylan-velvet-dark: mix(#000, $dylan-velvet, 20%);
.element {
color: $dylan-velvet;
box-shadow: 0 0 0 2px rgba($dylan-velvet, 0.35);
}