色名 · #EBBEB5
Rosewood Dreams
Rosewood Dreamsは#EBBEB5：rgb(235 190 181)、hsl(10 57% 82%)、oklch(0.839 0.054 31.3)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Pink mean? → · Rosewood Dreams color name →
#EBBEB5
oklch(0.839 0.054 31.3)
カラー変換
- HEX
- #ebbeb5
- RGB
- rgb(235 190 181)
- HSL
- hsl(10 57% 82%)
- HWB
- hwb(10 71% 8%)
- OKLCH
- oklch(0.839 0.054 31.3)
- OKLab
- oklab(0.839 0.046 0.028)
- CIE Lab
- lab(80.85 15.65 10.99)
- LCH
- lch(80.85 19.12 35.1)
- CMYK
- cmyk(0% 19% 23% 8%)
ティント · シェード · トーン
ティント
- EDC4BC
- EFCBC4
- F2D1CB
- F4D8D2
- F6DEDA
- F8E5E1
- FAEBE8
- FBF2F0
- FDF8F7
シェード
- CCA59D
- AE8C86
- 91756F
- 755E59
- 5B4844
- 413330
- 291F1D
- 130D0C
- 030202
トーン
- E0B8B0
- D5B1AA
- CAABA5
- BFA5A0
- B59F9A
- AA9895
- 9F9290
- 958C8A
- 8A8685
カラーハーモニー
補色 +180°
- EBBEB5
Rosewood Dreams
- A2D4DE
≈ Midwinter Mist
類似色 -30° +30°
- EBBEB5
Rosewood Dreams
- E9BCC8
≈ Pink Mist
- E5C3A7
≈ Pueblo Sand
トライアド +120° +240°
- EBBEB5
Rosewood Dreams
- B2D5B9
≈ Enchanted Meadow
- BDC9EE
≈ Cuddle
スプリットコンプリメンタリー +150° +210°
- EBBEB5
Rosewood Dreams
- A4D6CC
≈ Whirlpool
- ACCFEA
≈ Gentle Wind
テトラード +90° +180° +270°
- EBBEB5
Rosewood Dreams
- C4D0AA
≈ Landscape
- A2D4DE
≈ Midwinter Mist
- D0C3E8
≈ York Plum
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.67:1 · APCA Lc 29
Ag
AAA黒の上
WCAG 12.56:1 · APCA Lc 73
最適な文字色: #000000
WCAG 12.56:1 (AAA) · APCA Lc 73
Contrast pairs
コードスニペット
CSS
:root {
--rosewood-dreams: #ebbeb5;
--rosewood-dreams-rgb: 235 190 181;
--rosewood-dreams-oklch: oklch(0.839 0.054 31.3);
}
.element {
color: var(--rosewood-dreams);
background-color: hsl(10 57% 82%);
border-color: oklch(0.839 0.054 31.3);
}Tailwind CSS v4
@theme {
--color-rosewood-dreams: #ebbeb5;
--color-rosewood-dreams-50: #fff0eb;
--color-rosewood-dreams-100: #f9e2dc;
--color-rosewood-dreams-200: #eacdc6;
--color-rosewood-dreams-300: #d1aea6;
--color-rosewood-dreams-400: #bc938b;
--color-rosewood-dreams-500: #a77970;
--color-rosewood-dreams-600: #8d675f;
--color-rosewood-dreams-700: #71524c;
--color-rosewood-dreams-800: #533c38;
--color-rosewood-dreams-900: #3a2926;
--color-rosewood-dreams-950: #241714;
}SCSS
$rosewood-dreams: #ebbeb5;
$rosewood-dreams-rgb: 235, 190, 181;
$rosewood-dreams-light: mix(#fff, $rosewood-dreams, 20%);
$rosewood-dreams-dark: mix(#000, $rosewood-dreams, 20%);
.element {
color: $rosewood-dreams;
box-shadow: 0 0 0 2px rgba($rosewood-dreams, 0.35);
}