Colore con nome · #C5CFB1
April Wedding
April Wedding è #C5CFB1: rgb(197 207 177), hsl(80 24% 75%), oklch(0.839 0.042 122.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · April Wedding color name →
#C5CFB1
oklch(0.839 0.042 122.3)
Conversioni di colore
- HEX
- #c5cfb1
- RGB
- rgb(197 207 177)
- HSL
- hsl(80 24% 75%)
- HWB
- hwb(80 69% 19%)
- OKLCH
- oklch(0.839 0.042 122.3)
- OKLab
- oklab(0.839 -0.023 0.036)
- CIE Lab
- lab(81.74 -7.47 13.75)
- LCH
- lch(81.74 15.65 118.5)
- CMYK
- cmyk(5% 0% 14% 19%)
Tinte · Ombre · Toni
Tinte
- CBD4B9
- D0D9C0
- D6DDC8
- DCE2D0
- E2E7D8
- E7ECDF
- EDF0E7
- F3F5EF
- F9FAF7
Ombre
- ABB499
- 929983
- 797F6C
- 616757
- 4B4F42
- 35382F
- 21231C
- 0E100C
- 020201
Toni
- BEC7AC
- B7BFA7
- B0B7A2
- A9AF9D
- A2A798
- 9B9F93
- 94978F
- 8D8F8A
- 878885
Armonie di colore
Complementare +180°
- C5CFB1
April Wedding
- CFC4E2
≈ Lavender Bliss
Analogo -30° +30°
- C5CFB1
April Wedding
- D4CAAC
≈ Sweet Porridge
- B7D3BD
≈ Surf
Triadico +120° +240°
- C5CFB1
April Wedding
- B3CEE4
≈ Morality
- E3BFC8
≈ Soap Pink
Complementare divisa +150° +210°
- C5CFB1
April Wedding
- C0C9E6
≈ Powdered Granite
- DBC1D6
≈ Plum Taffy
Tetradico +90° +180° +270°
- C5CFB1
April Wedding
- ACD2DA
≈ Balboa
- CFC4E2
≈ Lavender Bliss
- E4C1B9
≈ Rose Petal
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.62:1 · APCA Lc 28
Ag
AAASu nero
WCAG 12.93:1 · APCA Lc 75
Miglior colore del testo: #000000
WCAG 12.93:1 (AAA) · APCA Lc 75
Contrast pairs
Frammenti di codice
CSS
:root {
--april-wedding: #c5cfb1;
--april-wedding-rgb: 197 207 177;
--april-wedding-oklch: oklch(0.839 0.042 122.3);
}
.element {
color: var(--april-wedding);
background-color: hsl(80 24% 75%);
border-color: oklch(0.839 0.042 122.3);
}Tailwind CSS v4
@theme {
--color-april-wedding: #c5cfb1;
--color-april-wedding-50: #f2f7ea;
--color-april-wedding-100: #e5ebdb;
--color-april-wedding-200: #d0d8c4;
--color-april-wedding-300: #b3bba4;
--color-april-wedding-400: #9aa387;
--color-april-wedding-500: #818b6c;
--color-april-wedding-600: #6d765c;
--color-april-wedding-700: #575e49;
--color-april-wedding-800: #404534;
--color-april-wedding-900: #2c3024;
--color-april-wedding-950: #191c13;
}SCSS
$april-wedding: #c5cfb1;
$april-wedding-rgb: 197, 207, 177;
$april-wedding-light: mix(#fff, $april-wedding, 20%);
$april-wedding-dark: mix(#000, $april-wedding, 20%);
.element {
color: $april-wedding;
box-shadow: 0 0 0 2px rgba($april-wedding, 0.35);
}