Colore con nome · #F5F9CB
Carla
Carla è #F5F9CB: rgb(245 249 203), hsl(65 79% 89%), oklch(0.968 0.06 111.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Carla color name →
#F5F9CB
oklch(0.968 0.06 111.5)
Conversioni di colore
- HEX
- #f5f9cb
- RGB
- rgb(245 249 203)
- HSL
- hsl(65 79% 89%)
- HWB
- hwb(65 80% 2%)
- OKLCH
- oklch(0.968 0.06 111.5)
- OKLab
- oklab(0.968 -0.022 0.056)
- CIE Lab
- lab(96.76 -6.9 21.72)
- LCH
- lch(96.76 22.79 107.6)
- CMYK
- cmyk(2% 0% 18% 2%)
Tinte · Ombre · Toni
Tinte
- F6FAD0
- F7FAD6
- F8FBDB
- F9FCE0
- FAFCE5
- FBFDEB
- FCFDF0
- FDFEF5
- FEFEFA
Ombre
- D5D9B0
- B6B996
- 989A7D
- 7B7D65
- 5F614D
- 444637
- 2B2C22
- 15150F
- 030302
Toni
- E9ECC3
- DCE0BC
- D0D3B4
- C4C7AD
- B9BBA5
- ADAF9E
- A2A396
- 96978F
- 8B8B87
Armonie di colore
Complementare +180°
- F5F9CB
Carla
- F4F3FF
≈ Cloud Break
Analogo -30° +30°
- F5F9CB
Carla
- FFF3DE
≈ Pale Pearl
- DFFFDA
≈ Transparent Green
Triadico +120° +240°
- F5F9CB
Carla
- E8F7FF
≈ Clear Skies
- FFF0F6
≈ Lavender Blush
Complementare divisa +150° +210°
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.08:1 · APCA Lc 0
Ag
AAASu nero
WCAG 19.29:1 · APCA Lc 101
Miglior colore del testo: #000000
WCAG 19.29:1 (AAA) · APCA Lc 101
Contrast pairs
Frammenti di codice
CSS
:root {
--carla: #f5f9cb;
--carla-rgb: 245 249 203;
--carla-oklch: oklch(0.968 0.06 111.5);
}
.element {
color: var(--carla);
background-color: hsl(65 79% 89%);
border-color: oklch(0.968 0.06 111.5);
}Tailwind CSS v4
@theme {
--color-carla: #f5f9cb;
--color-carla-50: #f5f7e4;
--color-carla-100: #e7ead4;
--color-carla-200: #d4d8bb;
--color-carla-300: #b7bb99;
--color-carla-400: #9fa27a;
--color-carla-500: #878a5c;
--color-carla-600: #72754e;
--color-carla-700: #5b5e3e;
--color-carla-800: #44442c;
--color-carla-900: #2f2f1e;
--color-carla-950: #1b1c0e;
}SCSS
$carla: #f5f9cb;
$carla-rgb: 245, 249, 203;
$carla-light: mix(#fff, $carla, 20%);
$carla-dark: mix(#000, $carla, 20%);
.element {
color: $carla;
box-shadow: 0 0 0 2px rgba($carla, 0.35);
}