色名 · #DAB7BE
Strawberry Glaze
Strawberry Glazeは#DAB7BE：rgb(218 183 190)、hsl(348 32% 79%)、oklch(0.812 0.041 4.5)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Pink mean? → · Strawberry Glaze color name →
#DAB7BE
oklch(0.812 0.041 4.5)
カラー変換
- HEX
- #dab7be
- RGB
- rgb(218 183 190)
- HSL
- hsl(348 32% 79%)
- HWB
- hwb(348 72% 15%)
- OKLCH
- oklch(0.812 0.041 4.5)
- OKLab
- oklab(0.812 0.041 0.003)
- CIE Lab
- lab(77.68 13.81 1.39)
- LCH
- lch(77.68 13.88 5.7)
- CMYK
- cmyk(0% 16% 13% 15%)
ティント · シェード · トーン
ティント
- DEBEC4
- E2C5CB
- E5CCD1
- E9D3D8
- EDDBDE
- F1E2E5
- F4E9EB
- F8F0F2
- FBF8F8
シェード
- BD9FA5
- A2878C
- 877075
- 6C5A5E
- 544548
- 3C3133
- 251E1F
- 110C0D
- 020202
トーン
- D1B1B8
- C8ACB1
- BEA6AB
- B5A1A5
- AC9B9E
- A39698
- 9A9092
- 928B8C
- 898586
カラーハーモニー
補色 +180°
- DAB7BE
Strawberry Glaze
- A5CBC5
≈ Eggshell Blue
類似色 -30° +30°
- DAB7BE
Strawberry Glaze
- D3B8CC
≈ Bedazzled
- DBB9B0
≈ Cavern Pink
トライアド +120° +240°
- DAB7BE
Strawberry Glaze
- BBC7AA
≈ Zion
- ACC5DB
≈ Blue Prism
スプリットコンプリメンタリー +150° +210°
- DAB7BE
Strawberry Glaze
- AECAB6
≈ Gum Leaf
- A4C9D2
≈ Sky Chase
テトラード +90° +180° +270°
- DAB7BE
Strawberry Glaze
- CAC2A4
≈ Moth
- A5CBC5
≈ Eggshell Blue
- B9C0DD
≈ Rhapsody Lilac
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.82:1 · APCA Lc 34
Ag
AAA黒の上
WCAG 11.49:1 · APCA Lc 68
最適な文字色: #000000
WCAG 11.49:1 (AAA) · APCA Lc 68
Contrast pairs
コードスニペット
CSS
:root {
--strawberry-glaze: #dab7be;
--strawberry-glaze-rgb: 218 183 190;
--strawberry-glaze-oklch: oklch(0.812 0.041 4.5);
}
.element {
color: var(--strawberry-glaze);
background-color: hsl(348 32% 79%);
border-color: oklch(0.812 0.041 4.5);
}Tailwind CSS v4
@theme {
--color-strawberry-glaze: #dab7be;
--color-strawberry-glaze-50: #fff1f3;
--color-strawberry-glaze-100: #f5e3e5;
--color-strawberry-glaze-200: #e5cdd1;
--color-strawberry-glaze-300: #cbafb4;
--color-strawberry-glaze-400: #b5959b;
--color-strawberry-glaze-500: #9f7b83;
--color-strawberry-glaze-600: #86686f;
--color-strawberry-glaze-700: #6c5358;
--color-strawberry-glaze-800: #4f3d41;
--color-strawberry-glaze-900: #372a2d;
--color-strawberry-glaze-950: #22171a;
}SCSS
$strawberry-glaze: #dab7be;
$strawberry-glaze-rgb: 218, 183, 190;
$strawberry-glaze-light: mix(#fff, $strawberry-glaze, 20%);
$strawberry-glaze-dark: mix(#000, $strawberry-glaze, 20%);
.element {
color: $strawberry-glaze;
box-shadow: 0 0 0 2px rgba($strawberry-glaze, 0.35);
}