Couleur nommée · #C5D0E6
Paper Elephant
Paper Elephant correspond à #C5D0E6 : rgb(197 208 230), hsl(220 40% 84%), oklch(0.856 0.033 264.4). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Gray mean? → · Paper Elephant color name →
#C5D0E6
oklch(0.856 0.033 264.4)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- CBD5E9
- D0D9EB
- D6DEEE
- DCE3F0
- E2E7F3
- E8ECF5
- EDF1F8
- F3F6FA
- F9FAFD
Ombres
- ABB5C8
- 929AAB
- 79808E
- 616773
- 4B4F59
- 353940
- 212328
- 0E1013
- 020203
Tons
- BEC8DB
- B7BFD1
- B0B7C6
- A9AFBC
- A2A7B2
- 9B9FA8
- 94979E
- 8D8F94
- 87888A
Harmonies de couleurs
Complémentaire +180°
- C5D0E6
Paper Elephant
- DACEB8
≈ Vintage Ephemera
Analogue -30° +30°
- C5D0E6
Paper Elephant
- BCD4E2
≈ Pale Aqua
- D0CCE4
≈ Vision
Triadique +120° +240°
- C5D0E6
Paper Elephant
- E5C8C5
≈ Powdered Petals
- C3D6C3
≈ Misty Lake
Complémentaire divisée +150° +210°
- C5D0E6
Paper Elephant
- E2CBBC
≈ Safari Map
- CFD3BA
≈ Breathe
Tétradique +90° +180° +270°
- C5D0E6
Paper Elephant
- E2C7D1
≈ Tinted Rosewood
- DACEB8
≈ Vintage Ephemera
- BBD7CE
≈ High Point
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.55:1 · APCA Lc 25
Ag
AAASur noir
WCAG 13.53:1 · APCA Lc 78
Meilleure couleur de texte: #000000
WCAG 13.53:1 (AAA) · APCA Lc 78
Contrast pairs
Extraits de code
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);
}