色名 · #DFB8BC
Shy Young Salmon
Shy Young Salmonは#DFB8BC：rgb(223 184 188)、hsl(354 38% 80%)、oklch(0.818 0.045 11.2)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Pink mean? → · Shy Young Salmon color name →
#DFB8BC
oklch(0.818 0.045 11.2)
カラー変換
- HEX
- #dfb8bc
- RGB
- rgb(223 184 188)
- HSL
- hsl(354 38% 80%)
- HWB
- hwb(354 72% 13%)
- OKLCH
- oklch(0.818 0.045 11.2)
- OKLab
- oklab(0.818 0.044 0.009)
- CIE Lab
- lab(78.36 14.93 3.52)
- LCH
- lch(78.36 15.34 13.3)
- CMYK
- cmyk(0% 17% 16% 13%)
ティント · シェード · トーン
ティント
- E2BFC3
- E6C6C9
- E9CDD0
- ECD4D6
- F0DBDD
- F3E2E4
- F6E9EB
- F9F1F1
- FCF8F8
シェード
- C2A0A3
- A5888B
- 8A7173
- 6F5B5D
- 564547
- 3D3132
- 271E1F
- 120C0D
- 020202
トーン
- D5B2B6
- CCADB0
- C2A7AA
- B8A1A4
- AF9C9D
- A59698
- 9C9192
- 938B8C
- 898586
カラーハーモニー
補色 +180°
- DFB8BC
Shy Young Salmon
- A2CDCA
≈ Ice Boutique Turquoise
類似色 -30° +30°
- DFB8BC
Shy Young Salmon
- D9B8CC
≈ Spring Boutique
- DEBAAD
≈ Pickled Pork
トライアド +120° +240°
- DFB8BC
Shy Young Salmon
- B9CAAC
≈ Pale Leaf
- AFC6E0
≈ Cumulus Cloud
スプリットコンプリメンタリー +150° +210°
- DFB8BC
Shy Young Salmon
- ABCDBA
≈ Bird’s Egg Green
- A4CBD8
≈ Alpine Morning Blue
テトラード +90° +180° +270°
- DFB8BC
Shy Young Salmon
- C9C5A4
≈ Oyster White
- A2CDCA
≈ Ice Boutique Turquoise
- BEC1E1
≈ Genevieve
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.79:1 · APCA Lc 33
Ag
AAA黒の上
WCAG 11.71:1 · APCA Lc 69
最適な文字色: #000000
WCAG 11.71:1 (AAA) · APCA Lc 69
Contrast pairs
コードスニペット
CSS
:root {
--shy-young-salmon: #dfb8bc;
--shy-young-salmon-rgb: 223 184 188;
--shy-young-salmon-oklch: oklch(0.818 0.045 11.2);
}
.element {
color: var(--shy-young-salmon);
background-color: hsl(354 38% 80%);
border-color: oklch(0.818 0.045 11.2);
}Tailwind CSS v4
@theme {
--color-shy-young-salmon: #dfb8bc;
--color-shy-young-salmon-50: #fff0f1;
--color-shy-young-salmon-100: #f7e2e3;
--color-shy-young-salmon-200: #e7cdcf;
--color-shy-young-salmon-300: #ceaeb1;
--color-shy-young-salmon-400: #b79498;
--color-shy-young-salmon-500: #a27a7f;
--color-shy-young-salmon-600: #89686b;
--color-shy-young-salmon-700: #6e5356;
--color-shy-young-salmon-800: #513c3f;
--color-shy-young-salmon-900: #38292b;
--color-shy-young-salmon-950: #231719;
}SCSS
$shy-young-salmon: #dfb8bc;
$shy-young-salmon-rgb: 223, 184, 188;
$shy-young-salmon-light: mix(#fff, $shy-young-salmon, 20%);
$shy-young-salmon-dark: mix(#000, $shy-young-salmon, 20%);
.element {
color: $shy-young-salmon;
box-shadow: 0 0 0 2px rgba($shy-young-salmon, 0.35);
}