Colore con nome · #FEDCC1
Karry
Karry è #FEDCC1: rgb(254 220 193), hsl(27 97% 88%), oklch(0.916 0.052 60.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Karry color name →
#FEDCC1
oklch(0.916 0.052 60.5)
Conversioni di colore
- HEX
- #fedcc1
- RGB
- rgb(254 220 193)
- HSL
- hsl(27 97% 88%)
- HWB
- hwb(27 76% 0%)
- OKLCH
- oklch(0.916 0.052 60.5)
- OKLab
- oklab(0.916 0.026 0.045)
- CIE Lab
- lab(90.13 9.22 17.9)
- LCH
- lch(90.13 20.13 62.7)
- CMYK
- cmyk(0% 13% 24% 0%)
Tinte · Ombre · Toni
Tinte
- FEE0C7
- FEE3CD
- FFE7D4
- FFEADA
- FFEEE0
- FFF1E6
- FFF5EC
- FFF8F3
- FFFCF9
Ombre
- DDBFA7
- BDA38F
- 9E8877
- 806E5F
- 635449
- 473C34
- 2D2620
- 16110E
- 030202
Toni
- F1D2BA
- E4C9B4
- D7C0AD
- CAB6A7
- BDADA0
- B1A49A
- A49B93
- 98928D
- 8C8986
Armonie di colore
Complementare +180°
- FEDCC1
Karry
- C9E8FF
≈ Blue Java Banana
Analogo -30° +30°
- FEDCC1
Karry
- FFD9D2
≈ Tea Party
- F0E3BC
≈ Pearl Yellow
Triadico +120° +240°
Complementare divisa +150° +210°
- FEDCC1
Karry
- BCEDF7
≈ Ice Effect
- D9E3FF
≈ Stoic White
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.29:1 · APCA Lc 15
Ag
AAASu nero
WCAG 16.22:1 · APCA Lc 89
Miglior colore del testo: #000000
WCAG 16.22:1 (AAA) · APCA Lc 89
Contrast pairs
Frammenti di codice
CSS
:root {
--karry: #fedcc1;
--karry-rgb: 254 220 193;
--karry-oklch: oklch(0.916 0.052 60.5);
}
.element {
color: var(--karry);
background-color: hsl(27 97% 88%);
border-color: oklch(0.916 0.052 60.5);
}Tailwind CSS v4
@theme {
--color-karry: #fedcc1;
--color-karry-50: #fff2e6;
--color-karry-100: #f5e5d7;
--color-karry-200: #e5d0be;
--color-karry-300: #cbb29d;
--color-karry-400: #b69880;
--color-karry-500: #a07e63;
--color-karry-600: #876b54;
--color-karry-700: #6d5643;
--color-karry-800: #503e30;
--color-karry-900: #382b21;
--color-karry-950: #221810;
}SCSS
$karry: #fedcc1;
$karry-rgb: 254, 220, 193;
$karry-light: mix(#fff, $karry, 20%);
$karry-dark: mix(#000, $karry, 20%);
.element {
color: $karry;
box-shadow: 0 0 0 2px rgba($karry, 0.35);
}