Nazwany kolor · #F5F9CB
Carla
Carla to #F5F9CB: rgb(245 249 203), hsl(65 79% 89%), oklch(0.968 0.06 111.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Carla color name →
#F5F9CB
oklch(0.968 0.06 111.5)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F6FAD0
- F7FAD6
- F8FBDB
- F9FCE0
- FAFCE5
- FBFDEB
- FCFDF0
- FDFEF5
- FEFEFA
Odcienie ciemniejsze
- D5D9B0
- B6B996
- 989A7D
- 7B7D65
- 5F614D
- 444637
- 2B2C22
- 15150F
- 030302
Tony
- E9ECC3
- DCE0BC
- D0D3B4
- C4C7AD
- B9BBA5
- ADAF9E
- A2A396
- 96978F
- 8B8B87
Harmonie kolorów
Komplementarna +180°
- F5F9CB
Carla
- F4F3FF
≈ Cloud Break
Analogowa -30° +30°
- F5F9CB
Carla
- FFF3DE
≈ Pale Pearl
- DFFFDA
≈ Transparent Green
Triada +120° +240°
- F5F9CB
Carla
- E8F7FF
≈ Clear Skies
- FFF0F6
≈ Lavender Blush
Komplementarna rozszczepiona +150° +210°
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.08:1 · APCA Lc 0
Ag
AAANa czerni
WCAG 19.29:1 · APCA Lc 101
Najlepszy kolor tekstu: #000000
WCAG 19.29:1 (AAA) · APCA Lc 101
Contrast pairs
Fragmenty kodu
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);
}