最も近い色名 · #DECAD4
#DECAD4
最も近い色名: Light Lilac
#DECAD4（rgb(222 202 212)、hsl(330 23% 83%)、oklch(0.858 0.026 345.9)）に最も近い色名はLight Lilacです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#DECAD4
oklch(0.858 0.026 345.9)
カラー変換
- HEX
- #decad4
- RGB
- rgb(222 202 212)
- HSL
- hsl(330 23% 83%)
- HWB
- hwb(330 79% 13%)
- OKLCH
- oklch(0.858 0.026 345.9)
- OKLab
- oklab(0.858 0.025 -0.006)
- CIE Lab
- lab(83.22 8.5 -2.32)
- LCH
- lch(83.22 8.81 344.8)
- CMYK
- cmyk(0% 9% 5% 13%)
ティント · シェード · トーン
ティント
- E1CFD8
- E5D4DC
- E8DAE1
- EBDFE5
- EFE4E9
- F2EAEE
- F5EFF2
- F8F4F6
- FCFAFB
シェード
- C1AFB8
- A5959D
- 897C83
- 6F6469
- 554D51
- 3D373A
- 262224
- 120F10
- 020202
トーン
- D4C2CB
- CBBBC3
- C1B3BA
- B7ACB1
- AEA4A9
- A59DA1
- 9B9698
- 928E90
- 898788
カラーハーモニー
補色 +180°
- DECAD4
Light Lilac
- C1D6CC
≈ Meadow Lane
類似色 -30° +30°
- DECAD4
Light Lilac
- D7CCDC
≈ Dusky Lilac
- E1CACB
≈ Youth
トライアド +120° +240°
- DECAD4
Light Lilac
- D2D2BF
≈ Spooky
- BFD4DE
≈ Winterscape
スプリットコンプリメンタリー +150° +210°
- DECAD4
Light Lilac
- C9D5C4
≈ Green Lane
- BED6D6
≈ Wind Speed
テトラード +90° +180° +270°
- DECAD4
Light Lilac
- DBCFBE
≈ Buff It
- C1D6CC
≈ Meadow Lane
- C6D2E2
≈ Pale Periwinkle
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.55:1 · APCA Lc 25
Ag
AAA黒の上
WCAG 13.50:1 · APCA Lc 78
最適な文字色: #000000
WCAG 13.50:1 (AAA) · APCA Lc 78
Contrast pairs
コードスニペット
CSS
:root {
--light-lilac: #decad4;
--light-lilac-rgb: 222 202 212;
--light-lilac-oklch: oklch(0.858 0.026 345.9);
}
.element {
color: var(--light-lilac);
background-color: hsl(330 23% 83%);
border-color: oklch(0.858 0.026 345.9);
}Tailwind CSS v4
@theme {
--color-light-lilac: #decad4;
--color-light-lilac-50: #fbf2f6;
--color-light-lilac-100: #efe4e9;
--color-light-lilac-200: #ddd0d6;
--color-light-lilac-300: #c2b2ba;
--color-light-lilac-400: #ab99a2;
--color-light-lilac-500: #94808a;
--color-light-lilac-600: #7d6c75;
--color-light-lilac-700: #64565d;
--color-light-lilac-800: #493f45;
--color-light-lilac-900: #332b2f;
--color-light-lilac-950: #1e191c;
}SCSS
$light-lilac: #decad4;
$light-lilac-rgb: 222, 202, 212;
$light-lilac-light: mix(#fff, $light-lilac, 20%);
$light-lilac-dark: mix(#000, $light-lilac, 20%);
.element {
color: $light-lilac;
box-shadow: 0 0 0 2px rgba($light-lilac, 0.35);
}