最も近い色名 · #DDACB1
#DDACB1
最も近い色名: Sakura
#DDACB1(rgb(221 172 177)、hsl(354 42% 77%)、oklch(0.79 0.058 11.6))に最も近い色名はSakuraです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#DDACB1
oklch(0.79 0.058 11.6)
カラー変換
- HEX
- #ddacb1
- RGB
- rgb(221 172 177)
- HSL
- hsl(354 42% 77%)
- HWB
- hwb(354 67% 13%)
- OKLCH
- oklch(0.79 0.058 11.6)
- OKLab
- oklab(0.79 0.057 0.012)
- CIE Lab
- lab(75.03 19.01 4.69)
- LCH
- lch(75.03 19.58 13.9)
- CMYK
- cmyk(0% 22% 20% 13%)
ティント · シェード · トーン
ティント
- E1B4B9
- E4BCC0
- E8C5C8
- EBCDD0
- EFD5D7
- F2DDDF
- F6E6E7
- F9EEEF
- FCF7F7
シェード
- C09599
- A47F83
- 88696C
- 6E5457
- 554042
- 3D2D2F
- 261B1C
- 110B0C
- 020101
トーン
- D4A8AC
- CAA3A7
- C19FA2
- B79A9D
- AE9698
- A59293
- 9C8D8E
- 92898A
- 898485
カラーハーモニー
補色 +180°
- DDACB1
Sakura
- 8FC7C4
≈ Embellished Blue
類似色 -30° +30°
- DDACB1
Sakura
- D6ADC5
≈ Pink Lavender
- DCAF9E
≈ Angel Breath
トライアド +120° +240°
- DDACB1
Sakura
- ADC39D
≈ Pale Mint
- A0BEDF
≈ Blair
スプリットコンプリメンタリー +150° +210°
- DDACB1
Sakura
- 9AC7AF
≈ Lobaria Lichen
- 92C4D5
≈ Blue Glint
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.97:1 · APCA Lc 38
Ag
AAA黒の上
WCAG 10.61:1 · APCA Lc 64
最適な文字色: #000000
WCAG 10.61:1 (AAA) · APCA Lc 64
Contrast pairs
コードスニペット
CSS
:root {
--sakura: #ddacb1;
--sakura-rgb: 221 172 177;
--sakura-oklch: oklch(0.79 0.058 11.6);
}
.element {
color: var(--sakura);
background-color: hsl(354 42% 77%);
border-color: oklch(0.79 0.058 11.6);
}Tailwind CSS v4
@theme {
--color-sakura: #ddacb1;
--color-sakura-50: #ffeff0;
--color-sakura-100: #fbe1e2;
--color-sakura-200: #eccbcd;
--color-sakura-300: #d3acaf;
--color-sakura-400: #be9196;
--color-sakura-500: #a9777c;
--color-sakura-600: #8f6469;
--color-sakura-700: #725054;
--color-sakura-800: #543a3e;
--color-sakura-900: #3b282b;
--color-sakura-950: #251618;
}SCSS
$sakura: #ddacb1;
$sakura-rgb: 221, 172, 177;
$sakura-light: mix(#fff, $sakura, 20%);
$sakura-dark: mix(#000, $sakura, 20%);
.element {
color: $sakura;
box-shadow: 0 0 0 2px rgba($sakura, 0.35);
}