لون مسمّى · #C5D0E6
Paper Elephant
Paper Elephant هو #C5D0E6: rgb(197 208 230)، hsl(220 40% 84%)، oklch(0.856 0.033 264.4). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Paper Elephant color name →
#C5D0E6
oklch(0.856 0.033 264.4)
تحويلات الألوان
- HEX
- #c5d0e6
- RGB
- rgb(197 208 230)
- HSL
- hsl(220 40% 84%)
- HWB
- hwb(220 77% 10%)
- OKLCH
- oklch(0.856 0.033 264.4)
- OKLab
- oklab(0.856 -0.003 -0.033)
- CIE Lab
- lab(83.15 -0.58 -12.25)
- LCH
- lch(83.15 12.27 267.3)
- CMYK
- cmyk(14% 10% 0% 10%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- CBD5E9
- D0D9EB
- D6DEEE
- DCE3F0
- E2E7F3
- E8ECF5
- EDF1F8
- F3F6FA
- F9FAFD
درجات داكنة
- ABB5C8
- 929AAB
- 79808E
- 616773
- 4B4F59
- 353940
- 212328
- 0E1013
- 020203
درجات رمادية
- BEC8DB
- B7BFD1
- B0B7C6
- A9AFBC
- A2A7B2
- 9B9FA8
- 94979E
- 8D8F94
- 87888A
تناسق الألوان
متمم +180°
- C5D0E6
Paper Elephant
- DACEB8
≈ Vintage Ephemera
متجاور -30° +30°
- C5D0E6
Paper Elephant
- BCD4E2
≈ Pale Aqua
- D0CCE4
≈ Vision
ثلاثي +120° +240°
- C5D0E6
Paper Elephant
- E5C8C5
≈ Powdered Petals
- C3D6C3
≈ Misty Lake
متمم منقسم +150° +210°
- C5D0E6
Paper Elephant
- E2CBBC
≈ Safari Map
- CFD3BA
≈ Breathe
رباعي +90° +180° +270°
- C5D0E6
Paper Elephant
- E2C7D1
≈ Tinted Rosewood
- DACEB8
≈ Vintage Ephemera
- BBD7CE
≈ High Point
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.55:1 · APCA Lc 25
Ag
AAAعلى الأسود
WCAG 13.53:1 · APCA Lc 78
أفضل لون للنص: #000000
WCAG 13.53:1 (AAA) · APCA Lc 78
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--paper-elephant: #c5d0e6;
--paper-elephant-rgb: 197 208 230;
--paper-elephant-oklch: oklch(0.856 0.033 264.4);
}
.element {
color: var(--paper-elephant);
background-color: hsl(220 40% 84%);
border-color: oklch(0.856 0.033 264.4);
}Tailwind CSS v4
@theme {
--color-paper-elephant: #c5d0e6;
--color-paper-elephant-50: #f1f5ff;
--color-paper-elephant-100: #e3e8f3;
--color-paper-elephant-200: #ced4e3;
--color-paper-elephant-300: #b0b7c9;
--color-paper-elephant-400: #959fb3;
--color-paper-elephant-500: #7b869d;
--color-paper-elephant-600: #687284;
--color-paper-elephant-700: #535b6a;
--color-paper-elephant-800: #3c434e;
--color-paper-elephant-900: #292e36;
--color-paper-elephant-950: #171b21;
}SCSS
$paper-elephant: #c5d0e6;
$paper-elephant-rgb: 197, 208, 230;
$paper-elephant-light: mix(#fff, $paper-elephant, 20%);
$paper-elephant-dark: mix(#000, $paper-elephant, 20%);
.element {
color: $paper-elephant;
box-shadow: 0 0 0 2px rgba($paper-elephant, 0.35);
}