色名 · #D4CED1
Light Easter Rabbit
Light Easter Rabbitは#D4CED1：rgb(212 206 209)、hsl(330 7% 82%)、oklch(0.857 0.008 345.4)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Light Easter Rabbit color name →
#D4CED1
oklch(0.857 0.008 345.4)
カラー変換
- HEX
- #d4ced1
- RGB
- rgb(212 206 209)
- HSL
- hsl(330 7% 82%)
- HWB
- hwb(330 81% 17%)
- OKLCH
- oklch(0.857 0.008 345.4)
- OKLab
- oklab(0.857 0.008 -0.002)
- CIE Lab
- lab(83.32 2.54 -0.72)
- LCH
- lch(83.32 2.64 344.2)
- CMYK
- cmyk(0% 3% 1% 17%)
ティント · シェード · トーン
ティント
- D8D3D6
- DCD8DA
- E1DCDF
- E5E1E3
- E9E6E8
- EEEBEC
- F2F0F1
- F6F5F6
- FBFAFA
シェード
- B8B3B5
- 9D989B
- 837F81
- 696668
- 514E50
- 3A3839
- 242323
- 100F10
- 020202
トーン
- CBC6C9
- C3BEC0
- BAB6B8
- B1AEB0
- A9A6A8
- A19EA0
- 989798
- 908F90
- 888788
カラーハーモニー
補色 +180°
- D4CED1
Light Easter Rabbit
- CCD2CF
≈ Solo
類似色 -30° +30°
- D4CED1
Light Easter Rabbit
- D2CED3
≈ Coverts Wood Pigeon
- D5CECE
≈ Dry Season
トライアド +120° +240°
- D4CED1
Light Easter Rabbit
- D0D0CB
≈ Gazebo Grey
- CBD1D4
≈ Salina Springs
スプリットコンプリメンタリー +150° +210°
- D4CED1
Light Easter Rabbit
- CED1CC
≈ Moorstone
- CBD2D1
≈ Solo
テトラード +90° +180° +270°
- D4CED1
Light Easter Rabbit
- D3CFCB
≈ Elusion
- CCD2CF
≈ Solo
- CDD0D5
≈ Ash Tree Bark
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.54:1 · APCA Lc 25
Ag
AAA黒の上
WCAG 13.54:1 · APCA Lc 78
最適な文字色: #000000
WCAG 13.54:1 (AAA) · APCA Lc 78
Contrast pairs
コードスニペット
CSS
:root {
--light-easter-rabbit: #d4ced1;
--light-easter-rabbit-rgb: 212 206 209;
--light-easter-rabbit-oklch: oklch(0.857 0.008 345.4);
}
.element {
color: var(--light-easter-rabbit);
background-color: hsl(330 7% 82%);
border-color: oklch(0.857 0.008 345.4);
}Tailwind CSS v4
@theme {
--color-light-easter-rabbit: #d4ced1;
--color-light-easter-rabbit-50: #f7f4f5;
--color-light-easter-rabbit-100: #eae7e8;
--color-light-easter-rabbit-200: #d7d3d5;
--color-light-easter-rabbit-300: #bbb6b8;
--color-light-easter-rabbit-400: #a29d9f;
--color-light-easter-rabbit-500: #8a8487;
--color-light-easter-rabbit-600: #757072;
--color-light-easter-rabbit-700: #5e595b;
--color-light-easter-rabbit-800: #444143;
--color-light-easter-rabbit-900: #2f2d2e;
--color-light-easter-rabbit-950: #1c1a1b;
}SCSS
$light-easter-rabbit: #d4ced1;
$light-easter-rabbit-rgb: 212, 206, 209;
$light-easter-rabbit-light: mix(#fff, $light-easter-rabbit, 20%);
$light-easter-rabbit-dark: mix(#000, $light-easter-rabbit, 20%);
.element {
color: $light-easter-rabbit;
box-shadow: 0 0 0 2px rgba($light-easter-rabbit, 0.35);
}