色名 · #D2ADB5
Strawberry Latte
Strawberry Latteは#D2ADB5：rgb(210 173 181)、hsl(347 29% 75%)、oklch(0.783 0.044 3.6)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Red mean? → · Strawberry Latte color name →
#D2ADB5
oklch(0.783 0.044 3.6)
カラー変換
- HEX
- #d2adb5
- RGB
- rgb(210 173 181)
- HSL
- hsl(347 29% 75%)
- HWB
- hwb(347 68% 18%)
- OKLCH
- oklch(0.783 0.044 3.6)
- OKLab
- oklab(0.783 0.044 0.003)
- CIE Lab
- lab(74.25 14.83 1.22)
- LCH
- lch(74.25 14.88 4.7)
- CMYK
- cmyk(0% 18% 14% 18%)
ティント · シェード · トーン
ティント
- D7B5BC
- DBBDC3
- E0C5CB
- E4CDD2
- E9D5D9
- EDDEE1
- F2E6E8
- F6EEF0
- FBF7F7
シェード
- B6969D
- 9B7F86
- 816A6F
- 685559
- 504144
- 392D30
- 241B1D
- 100B0C
- 020102
トーン
- CAA8B0
- C1A4AA
- B99FA5
- B19B9F
- A9969A
- A09295
- 988D90
- 90898A
- 888485
カラーハーモニー
補色 +180°
- D2ADB5
Strawberry Latte
- 99C2BB
≈ Pitter Patter
類似色 -30° +30°
- D2ADB5
Strawberry Latte
- CBAEC4
≈ Winsome Orchid
- D3AFA6
≈ Sandpaper
トライアド +120° +240°
- D2ADB5
Strawberry Latte
- B2BD9F
≈ Jade Cameo
- A1BCD3
≈ Angel Falls
スプリットコンプリメンタリー +150° +210°
- D2ADB5
Strawberry Latte
- A3C1AB
≈ Cambridge Blue
- 98C0C9
≈ Rest Assured
テトラード +90° +180° +270°
- D2ADB5
Strawberry Latte
- C1B899
≈ Distant Valley
- 99C2BB
≈ Pitter Patter
- AFB7D5
≈ Over the Moon
コントラストとアクセシビリティ
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 {
--strawberry-latte: #d2adb5;
--strawberry-latte-rgb: 210 173 181;
--strawberry-latte-oklch: oklch(0.783 0.044 3.6);
}
.element {
color: var(--strawberry-latte);
background-color: hsl(347 29% 75%);
border-color: oklch(0.783 0.044 3.6);
}Tailwind CSS v4
@theme {
--color-strawberry-latte: #d2adb5;
--color-strawberry-latte-50: #fff0f3;
--color-strawberry-latte-100: #f6e2e6;
--color-strawberry-latte-200: #e6cdd1;
--color-strawberry-latte-300: #ccaeb4;
--color-strawberry-latte-400: #b6949b;
--color-strawberry-latte-500: #a07a83;
--color-strawberry-latte-600: #88686f;
--color-strawberry-latte-700: #6d5359;
--color-strawberry-latte-800: #503c41;
--color-strawberry-latte-900: #38292d;
--color-strawberry-latte-950: #22171a;
}SCSS
$strawberry-latte: #d2adb5;
$strawberry-latte-rgb: 210, 173, 181;
$strawberry-latte-light: mix(#fff, $strawberry-latte, 20%);
$strawberry-latte-dark: mix(#000, $strawberry-latte, 20%);
.element {
color: $strawberry-latte;
box-shadow: 0 0 0 2px rgba($strawberry-latte, 0.35);
}