色名 · #DDC2BA
Thulite Rose
Thulite Roseは#DDC2BA：rgb(221 194 186)、hsl(14 34% 80%)、oklch(0.835 0.033 37.1)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Thulite Rose color name →
#DDC2BA
oklch(0.835 0.033 37.1)
カラー変換
- HEX
- #ddc2ba
- RGB
- rgb(221 194 186)
- HSL
- hsl(14 34% 80%)
- HWB
- hwb(14 73% 13%)
- OKLCH
- oklch(0.835 0.033 37.1)
- OKLab
- oklab(0.835 0.026 0.02)
- CIE Lab
- lab(80.59 8.92 7.73)
- LCH
- lch(80.59 11.81 40.9)
- CMYK
- cmyk(0% 12% 16% 13%)
ティント · シェード · トーン
ティント
- E0C8C1
- E4CEC8
- E7D4CE
- EBDAD5
- EEE0DC
- F2E6E3
- F5ECEA
- F8F3F1
- FCF9F8
シェード
- C0A8A1
- A48F89
- 887772
- 6E605C
- 554946
- 3D3432
- 26201E
- 110E0D
- 020202
トーン
- D3BBB4
- CAB4AE
- C0AEA8
- B7A7A2
- AEA09D
- A49A97
- 9B9391
- 928D8B
- 898686
カラーハーモニー
補色 +180°
- DDC2BA
Thulite Rose
- B2CFD7
≈ Heaven
類似色 -30° +30°
- DDC2BA
Thulite Rose
- DDC0C5
≈ Mud Pink
- D8C5B3
≈ Brazilian Sand
トライアド +120° +240°
- DDC2BA
Thulite Rose
- B8D0C0
≈ Pitcher
- C3C7DF
≈ Iced Lavender
スプリットコンプリメンタリー +150° +210°
- DDC2BA
Thulite Rose
- B2D0CC
≈ Cassiopeia
- B8CBDE
≈ Baby Boots
テトラード +90° +180° +270°
- DDC2BA
Thulite Rose
- C3CDB7
≈ Mellow Spring
- B2CFD7
≈ Heaven
- CEC4DA
≈ Lilac Crystal
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.67:1 · APCA Lc 30
Ag
AAA黒の上
WCAG 12.50:1 · APCA Lc 73
最適な文字色: #000000
WCAG 12.50:1 (AAA) · APCA Lc 73
Contrast pairs
コードスニペット
CSS
:root {
--thulite-rose: #ddc2ba;
--thulite-rose-rgb: 221 194 186;
--thulite-rose-oklch: oklch(0.835 0.033 37.1);
}
.element {
color: var(--thulite-rose);
background-color: hsl(14 34% 80%);
border-color: oklch(0.835 0.033 37.1);
}Tailwind CSS v4
@theme {
--color-thulite-rose: #ddc2ba;
--color-thulite-rose-50: #fef2ee;
--color-thulite-rose-100: #f2e4e0;
--color-thulite-rose-200: #e2d0ca;
--color-thulite-rose-300: #c7b2ab;
--color-thulite-rose-400: #b19891;
--color-thulite-rose-500: #9a7f77;
--color-thulite-rose-600: #836c65;
--color-thulite-rose-700: #695650;
--color-thulite-rose-800: #4d3f3b;
--color-thulite-rose-900: #362b28;
--color-thulite-rose-950: #211816;
}SCSS
$thulite-rose: #ddc2ba;
$thulite-rose-rgb: 221, 194, 186;
$thulite-rose-light: mix(#fff, $thulite-rose, 20%);
$thulite-rose-dark: mix(#000, $thulite-rose, 20%);
.element {
color: $thulite-rose;
box-shadow: 0 0 0 2px rgba($thulite-rose, 0.35);
}