色名 · #DAB09E
Rose Cloud
Rose Cloudは#DAB09E：rgb(218 176 158)、hsl(18 45% 74%)、oklch(0.79 0.055 44.4)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Red mean? → · Rose Cloud color name →
#DAB09E
oklch(0.79 0.055 44.4)
カラー変換
- HEX
- #dab09e
- RGB
- rgb(218 176 158)
- HSL
- hsl(18 45% 74%)
- HWB
- hwb(18 62% 15%)
- OKLCH
- oklch(0.79 0.055 44.4)
- OKLab
- oklab(0.79 0.039 0.039)
- CIE Lab
- lab(75.32 13.82 15.33)
- LCH
- lch(75.32 20.64 48)
- CMYK
- cmyk(0% 19% 28% 15%)
ティント · シェード · トーン
ティント
- DEB8A7
- E2C0B1
- E6C7BB
- E9CFC4
- EDD7CE
- F1DFD8
- F4E7E1
- F8EFEB
- FCF7F5
シェード
- BD9989
- A28274
- 876C60
- 6C564D
- 54423A
- 3C2E29
- 251C18
- 110B09
- 020101
トーン
- D1AB9B
- C8A698
- BFA195
- B59D92
- AC988F
- A3938C
- 9B8E89
- 928A86
- 898583
カラーハーモニー
補色 +180°
- DAB09E
Rose Cloud
- 95C3D5
≈ Sky Bus
類似色 -30° +30°
- DAB09E
Rose Cloud
- DCADAF
≈ Pale Chestnut
- D0B694
≈ Granivorous
トライアド +120° +240°
- DAB09E
Rose Cloud
- 9AC6B1
≈ Lobaria Lichen
- B6B6DE
≈ Wild Orchid Blue
スプリットコンプリメンタリー +150° +210°
- DAB09E
Rose Cloud
- 91C6C5
≈ Embellished Blue
- A3BDDE
≈ Blair
テトラード +90° +180° +270°
- DAB09E
Rose Cloud
- ACC39F
≈ Pale Mint
- 95C3D5
≈ Sky Bus
- C8B1D4
≈ Windsor Purple
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.96:1 · APCA Lc 38
Ag
AAA黒の上
WCAG 10.68:1 · APCA Lc 65
最適な文字色: #000000
WCAG 10.68:1 (AAA) · APCA Lc 65
Contrast pairs
コードスニペット
CSS
:root {
--rose-cloud: #dab09e;
--rose-cloud-rgb: 218 176 158;
--rose-cloud-oklch: oklch(0.79 0.055 44.4);
}
.element {
color: var(--rose-cloud);
background-color: hsl(18 45% 74%);
border-color: oklch(0.79 0.055 44.4);
}Tailwind CSS v4
@theme {
--color-rose-cloud: #dab09e;
--color-rose-cloud-50: #fff1e8;
--color-rose-cloud-100: #f9e3d9;
--color-rose-cloud-200: #e9cec1;
--color-rose-cloud-300: #d0afa0;
--color-rose-cloud-400: #bb9584;
--color-rose-cloud-500: #a67b68;
--color-rose-cloud-600: #8c6858;
--color-rose-cloud-700: #705346;
--color-rose-cloud-800: #533c33;
--color-rose-cloud-900: #3a2923;
--color-rose-cloud-950: #241712;
}SCSS
$rose-cloud: #dab09e;
$rose-cloud-rgb: 218, 176, 158;
$rose-cloud-light: mix(#fff, $rose-cloud, 20%);
$rose-cloud-dark: mix(#000, $rose-cloud, 20%);
.element {
color: $rose-cloud;
box-shadow: 0 0 0 2px rgba($rose-cloud, 0.35);
}