Nazwany kolor · #C1FD95
Celery Mousse
Celery Mousse to #C1FD95: rgb(193 253 149), hsl(95 96% 79%), oklch(0.93 0.147 133). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Celery Mousse color name →
#C1FD95
oklch(0.93 0.147 133)
Konwersje koloru
- HEX
- #c1fd95
- RGB
- rgb(193 253 149)
- HSL
- hsl(95 96% 79%)
- HWB
- hwb(95 58% 1%)
- OKLCH
- oklch(0.93 0.147 133)
- OKLab
- oklab(0.93 -0.1 0.107)
- CIE Lab
- lab(93.5 -32.7 43.33)
- LCH
- lch(93.5 54.28 127)
- CMYK
- cmyk(24% 0% 41% 1%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C7FEA1
- CEFEAC
- D4FEB7
- DAFFC2
- E0FFCC
- E7FFD7
- EDFFE1
- F3FFEB
- F9FFF5
Odcienie ciemniejsze
- A7DC81
- 8FBC6D
- 779D5A
- 5F7F48
- 496237
- 344726
- 202D16
- 0E1608
- 020301
Tony
- BBF094
- B4E393
- AED691
- A7CA8F
- A1BD8D
- 9AB18B
- 94A489
- 8D9886
- 878C83
Harmonie kolorów
Komplementarna +180°
- C1FD95
Celery Mousse
- F3DFFF
≈ Lavender Savour
Analogowa -30° +30°
- C1FD95
Celery Mousse
- FAEC6E
≈ Limon
- A2FFD3
≈ Neo Mint
Triada +120° +240°
- C1FD95
Celery Mousse
- D8EAFF
≈ Veiling Waterfalls
- FFDFE1
≈ Sweet Mallow
Komplementarna rozszczepiona +150° +210°
- C1FD95
Celery Mousse
- E4E5FF
≈ Lavender Mist
- FFDCF0
≈ Transparent Pink
Tetrada +90° +180° +270°
- C1FD95
Celery Mousse
- C7F0FF
≈ Heaven’s Gate
- F3DFFF
≈ Lavender Savour
- FFE0D4
≈ Light Quilt
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.18:1 · APCA Lc 9
Ag
AAANa czerni
WCAG 17.75:1 · APCA Lc 95
Najlepszy kolor tekstu: #000000
WCAG 17.75:1 (AAA) · APCA Lc 95
Contrast pairs
Fragmenty kodu
CSS
:root {
--celery-mousse: #c1fd95;
--celery-mousse-rgb: 193 253 149;
--celery-mousse-oklch: oklch(0.93 0.147 133);
}
.element {
color: var(--celery-mousse);
background-color: hsl(95 96% 79%);
border-color: oklch(0.93 0.147 133);
}Tailwind CSS v4
@theme {
--color-celery-mousse: #c1fd95;
--color-celery-mousse-50: #e3ffd5;
--color-celery-mousse-100: #d3f4c3;
--color-celery-mousse-200: #b9e3a4;
--color-celery-mousse-300: #97c87b;
--color-celery-mousse-400: #7bb051;
--color-celery-mousse-500: #5d9920;
--color-celery-mousse-600: #4f821e;
--color-celery-mousse-700: #3f6818;
--color-celery-mousse-800: #304c0b;
--color-celery-mousse-900: #203507;
--color-celery-mousse-950: #102000;
}SCSS
$celery-mousse: #c1fd95;
$celery-mousse-rgb: 193, 253, 149;
$celery-mousse-light: mix(#fff, $celery-mousse, 20%);
$celery-mousse-dark: mix(#000, $celery-mousse, 20%);
.element {
color: $celery-mousse;
box-shadow: 0 0 0 2px rgba($celery-mousse, 0.35);
}